Storefront: Pliki Macro

Data publikacji: 21 sierpnia 2024 Ostatnia aktualizacja: 21 sierpnia 2024

Macra są kluczowymi elementami odpowiedzialnymi za renderowanie powtarzalnych komponentów na stronie internetowej. W sytuacji, gdy na stronie występuje wiele podobnych elementów, takich jak na przykład cena produktu, która może być wyświetlana w różnych miejscach, to w takim przypadku najlepiej jest stworzyć dedykowane macro. Macro to umożliwia ujęcie wszystkich możliwych opcji i kombinacji danego elementu w jednym, zwięzłym fragmencie kodu.

Jest to część frameworka Twig, dlatego szczegółowa składnia oraz możliwości, jakie oferuje, zostały opisane w dokumentacji.

Każde macro, które zostało użyte w Storefront, jest szczegółowo opisane w naszej dokumentacji, która zapewnia pełne wsparcie przy jego implementacji i modyfikacji. Dokumentacja ta jest dostępna pod tym adresem.

Tworzenie i edycja plików Macro możliwe jest jedynie w sklepach działających w abonamencie Shoper Premium.

Jak edytować pliki Macro w szablonie Storefront?

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki Wygląd i treści (A) > Wygląd sklepu (B) > Twoje szablony graficzne (C) > Zaawansowane (D) i kliknij: Edytuj (E) w kolumnie Akcje przy danym pliku twig.
Panel administracyjny sklepu Shoper > Wygląd i treści > Wygląd sklepu > Twoje szablony graficzne > Zaawansowane
Rys 1. W sekcji: Zaawansowane przejdź do edycji wybranego pliku .twig
Panel administracyjny sklepu Shoper > Wygląd i treści > Wygląd sklepu > Twoje szablony graficzne > Zaawansowane
Rys 1. W sekcji: Zaawansowane przejdź do edycji wybranego pliku .twig

Zakładka Zaawansowane dostępna jest widoczna tylko w kopii danego szablonu. Oryginalna (pierwotna) wersja szablonu nie posiada dostępu do tej zakładki.

Na kolejnej stronie zobaczysz okno, w którym możesz wprowadzać zmiany w kodzie wykorzystując język programowania Macro. Po wprowadzeniu zmian kliknij: ZAPISZ.

Panel administracyjny sklepu Shoper > Wygląd i treści > Wygląd sklepu > Twoje szablony graficzne > Zaawansowane
Rys 2. Wprowadź zmiany w kodzie i kliknij: ZAPISZ
Panel administracyjny sklepu Shoper > Wygląd i treści > Wygląd sklepu > Twoje szablony graficzne > Zaawansowane
Rys 2. Wprowadź zmiany w kodzie i kliknij: ZAPISZ

Jak tworzyć własne pliki Macro?

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki Wygląd i treści (A) > Wygląd sklepu (B) > Twoje szablony graficzne (C) > Zaawansowane (D) i kliknij: UTWÓRZ WŁASNY PLIK (E).
Panel administracyjny sklepu Shoper > Wygląd i treści > Wygląd sklepu > Twoje szablony graficzne > Zaawansowane
Rys 3. Kliknij: UTWÓRZ WŁASNY PLIK
Panel administracyjny sklepu Shoper > Wygląd i treści > Wygląd sklepu > Twoje szablony graficzne > Zaawansowane
Rys 3. Kliknij: UTWÓRZ WŁASNY PLIK
Wprowadź Nazwę pliku (A), który dodajesz, wprowadź kod Macro (B), kliknij: ZAPISZ (C).
Tworzenie nowego pliku Macro
Rys 4. Wprowadź kod oraz nazwę nowo tworzonego pliku
Tworzenie nowego pliku Macro
Rys 4. Wprowadź kod oraz nazwę nowo tworzonego pliku
Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • W jaki sposób nadać klasę CSS danemu elementowi w szablonie Storefront?
  • Gdzie można wprowadzić parametry reguły CSS dla elementów szablonu?
Czy ten artykuł był pomocny?
Tak
Nie
Dziękujemy za odpowiedź!
Udostępnij artykuł:

Przetestuj sklep internetowy
przez 14 dni za darmo

Korzystaj ze wszystkich funkcji oprogramowania za darmo i bez zobowiązań.

Testuj wszystkie funkcje przez 14 dni bez zobowiązań. Zakładając sklep poprzez podanie
adresu e-mail akceptujesz nasz Regulamin i Politykę Prywatności