Szybki sposób na włączenie podpowiedzi szablonów w Magento 2.3

Front end developerzy Magento często stają przed zadaniem nadpisania jakiegoś fragmentu strony tzw. templatki. Istnieje wiele technik odnajdywania właściwej templatki i debugowania szablonu. Jedną z nich są podpowiedzi szablonów (Template hints). Po włączeniu tej opcji konfiguracyjnej na frontendzie sklepu pokazywane są ścieżki do każdej wyrenderowanej templatki.

Podpowiedzi szablonów na frontendzie w Magento 2.3
(więcej…)

Magento 2: jak przenieść adres rozliczeniowy za metody płatności

W Magento 2 standardowym ustawieniem konfiguracyjnym na checkoucie jest wyświetlanie adresu rozliczeniowego dla każdej metody płatności osobno.

W tym przypadku mamy trzy dostępne metody płatności. Aby wybrać/uzupełnić adres rozliczeniowy musimy wybrać metodę płatności i tam mamy ustawienia adresu.

Często w projektach spotykam się z tym, że ustawienia adresu są niezależne od metod płatności np. najpierw uzupełniamy adres rozliczeniowy, a metody płatności to kolejna sekcja. Każde z tych rozwiązań ma swoje plusy i minusy. W każdym razie Magento pozwala na przeniesienie adresu rozliczeniowego poza metody płatności za pomocą prostej konfiguracji w Panelu Administracyjnym.

(więcej…)

Możliwości konfiguracji RequireJS w Magento poprzez Requirejs-config

W Magento 2 pliki JavaScript są łądowane asynchronicznie za pomocą RequireJS. Ważną częścią ekosystemu JavaScript w Magento jest plik requirejs-config.js. Za pomocą tego pliku można np. dodać mapowanie do komponentów JS lub zadeklarować mixin. W dzisiejszym artykule pokażę Ci jakie możliwości daje ten plik, który z pewnością napotkasz podczas swojej przygody z Magento.

(więcej…)

Magento 2: jak rozszerzyć uiComponent poprzez Mixin

Podczas developmentu sklepów Magento często przytrafia się taka sytuacja, że trzeba dodać drobną zmianę w logice działania uiComponentu np. zmienić jedną metodę.

Przykład z życia

Chcę na pierwszym kroku checkoutu (shipping) zobaczyć podsumowanie kosztów a głupie Magento pokazuje je dopiero na drugim kroku (payment). Co ciekawe na koszyku, który jest jakby krokiem „zero” – jest przed checkoutem takie podsumowanie kosztów widoczne.

Jeśli masz jakieś wytłumaczenie dlaczego na koszyku jest, na pierwszym kroku checkoutu nie ma, a na drugim znów jest to napisz w komentarzu!

(więcej…)

PHP Storm: konfiguracja pod Magento 2

Jest to kolejny post z serii dotyczącej środowiska developerskiego dla Magento 2. Pozostałe posty możesz znależć tutaj. Dzisiaj pokażę jak zainstalować i skonfigurować PHP Storm.

PHP Storm to tzw IDE czyli zintegrowane środowisko programistyczne. Mówiąc prostymi słowami jest to program za pomocą którego możesz edytować kod. Program ten ma dużo funkcjonalności, którę pomagają lub przyśpieszają pracę takie jak np. sprawdzanie kodu pod kątem składni, podpowiadanie, integracja z narzędziami takimi jak Git, xDebug, Docker, połączenie i przeglądanie bazy danych i wiele innych. Tylko od Ciebie zależy w jakim stopniu będziesz korzystał z tych wszystkich narzędzi.

(więcej…)

Wstęp do szablonów w Magento 2.1

W dzisiejszym artykule omówię najważniejsze kwestie związane z szablonami w Magento 2.1. Jest to pierwszy artykuł z serii Kurs Magento 2 dla front-end developerów.

Co to są szablony?

W Magento 2 szablon (theme) to zbiór plików takich jak layouty xml, pliki phtml, style, obrazki, skrypty JavaScript i inne. Wszystkie te pliki mają wpływ na to jak wygląda nasz sklep od frontu (storefront – czyli to co widzi użytkownik) lub backendu (panel administracyjny).

(więcej…)