Modyfikacja listy produktów #1 – wstęp

Modyfikacja listy produktów #1 – wstęp

Jednym z najskuteczniejszych sposobów na naukę Magento jest praktyka, dlatego dzisiaj zapraszam Cię na wstęp do listy artykułów, których tematem będzie Modyfikacja listy produktów. Będę pisał m. in. o tym jak:

  • dodać Controller w panelu admina oraz linkować do niego w menu
  • zainstalować tabelę i zrobić model danych
  • zrobić grid z elementami oraz formularz edycji przy użyciu uiComponentów
  • zrobić viewModel i przekazać go na frontend
  • modyfikować layout strony
  • customizować frontend przy pomocy zmian w stylach
(więcej…)

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…)