Storefront: Moduły własne

Data publikacji: 21 sierpnia 2024 Ostatnia aktualizacja: 18 października 2024

Moduły własne w Shoper Storefront pozwalają na dodawanie do szablonu sklepu niestandardowych rozwiązań, które odpowiadają na zapotrzebowanie kupujących w danej branży, czy też innowacyjnych, unikalnych rozwiązań pozwalających na jeszcze lepszą personalizację produktu dla klienta.

Tworzenie modułów własnych możliwe jest jedynie w sklepach działających w abonamencie Shoper Premium.

Jak dodać własny moduł w technologii Storefront?

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki Wygląd i treści (A) > Wygląd sklepu (B) > Obecny szablon graficzny (C) Moduły własne (D) i kliknij: DODAJ MODUŁ (E).
Panel administracyjny sklepu Shoper > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły własne
Rys 1. Przejdź do: Moduły własne i kliknij: DODAJ MODUŁ
Panel administracyjny sklepu Shoper > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły własne
Rys 1. Przejdź do: Moduły własne i kliknij: DODAJ MODUŁ
Na kolejnej stronie zobaczysz formularz dodawania własnego modułu. Znajdziesz tam pola takie jak:

Nazwa modułu

Wprowadź nazwę modułu (A), który będzie widoczny w Shoper Visual Editor na liście modułów możliwych do użycia lub konfiguracji w szablonie.

Rodzaj modułu

Wybierz jedną z dwóch opcji (B):

  • Moduł układu strony – dostępny będzie w zakładce EDYTOR UKŁADU STRONY na liście modułów do dodania
  • Moduł integracji -dostępny będzie w zakładce POP-UPY i DODATKI

Dodatkowo w każdym z rodzajów modułów możesz określić, na jakich stronach sklepu nowo tworzony moduł ma być możliwy do użycia (C): dowolna strona (moduł będzie działał na każdej stronie sklepu) lub wybrana strona (moduł będzie działał jedynie na konkretnie wskazanych stronach sklepu).

Dla typu Moduł integracji możesz dodatkowo określić czy możliwe ma być jego wyłączenie przez użytkownika, czy też nie (D).

Moduł własny - informacje podstawowe
Rys 2. Wybierz parametry twojego nowego modułu
Moduł własny - informacje podstawowe
Rys 2. Wybierz parametry twojego nowego modułu
W sekcji Kod źródłowy modułu znajdziesz 4 odrębne pola tekstowe, które należy wypełnić kodem właściwym dla danego okna. Możesz używać kodów:
  • Twig (A)
  • JS (JavaScript) (B)
  • Konfiguracja JSON (C)
  • Tłumaczenia JSON (D)

Po wprowadzeniu wszystkich kodów i parametrów nowego modułu kliknij: ZAPISZ (E).

Nowy moduł - kod źródłowy modułu
Rys 3. Wprowadź kody dla nowego modułu i kliknij: ZAPISZ
Nowy moduł - kod źródłowy modułu
Rys 3. Wprowadź kody dla nowego modułu i kliknij: ZAPISZ
Po zakończeniu dodawania własnego modułu możliwość jego użycia znajdziesz w Shoper Visual Editor.

W zależności od tego, jakiego typu moduł został utworzony (moduł układu strony czy moduł integracji, znajdziesz możliwość jego użycia w zakładkach edytora (odpowiednio w EDYTOR UKŁADU STRONY czy w POP-UPY i DODATKI).

Umieszczanie modułu na odpowiedniej stronie sklepu

Instrukcja: jak wybrać układ strony, na której pojawić się ma moduł?

Dodany moduł nie wyświetla się w układzie strony

Istnieje możliwość, że pomimo umieszczenia modułu w układzie strony i zapisaniu zmian w edytorze, dany moduł zamiast zawartości wyświetla tzw. zaślepkę, a na stronie sklepu nie jest on w ogóle widoczny.

Poznaj potencjalne przyczyny nie wyświetlania się modułu w poniższym artykule:

Inne artykuły nt. technologii Storefront

Przeczytaj również poniższe artykuły Centrum pomocy związane z nowym interfejsem edycji wyglądu sklepu:

Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • Jak utworzyć własny moduł w Storefront?
  • Jak dodać własny kod JavaScript w szablonie Storefront?
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