Data publikacji: 19 marca 2024 Aktualizacja: 2 września 2026

Storefront: Jak dodać moduł do układu strony?

Każdy element szablonu widoczny na stronie Twojego sklepu, to moduł dedykowany do jego wyświetlania i zarządzania. Z listy modułów wybierasz porządany typ modułu i przeciągasz jego nową wersję na stronę.

Jak dodać moduł do układu strony?

Zaloguj się do panelu administracyjnego sklepu, a następnie:

Przejdź do zakładki: Wygląd i treści > Wygląd sklepu > Edycja szablonu graficznego.

W poprzedniej wersji panelu: Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny

Miejsce edycji aktywnego szablonu używanego w sklepie
Aktualnie wyświetlany szablon dla klientów sklepu

Kliknij: Edytuj układ i styl szablonu, aby uruchomić edytor szablonu.

Przycisk uruchamiający edytor szablonu
Przycisk uruchamiający edytor szablonu

W edytorze układu strony z rozwijanej listy: Edytowalna strona, wybierz tę stronę, do której chcesz dodać nowy moduł.

Jeśli edytujesz nagłówek lub stopkę szablonu, to nie musisz wybierać edytowanej strony.

Wybór typu edytowanej strony
Wybór typu edytowanej strony

Instrukcja jak wybrać stronę do edycji: Edytor układu strony.

Kliknij: Dodaj, a następnie w bibliotece odszukaj typ modułu, który chcesz dodać do układu edytowanej strony.

Wyszukiwanie modułu do dodania
Wyszukiwanie modułu do dodania

Odnaleziony typ modułu przeciągnij i upuść do układu edytowanej strony, przytrzymując go lewym przyciskiem myszy.

Upuszczanie wybranego modułu w układzie edytowanej strony
Upuszczanie wybranego modułu w układzie edytowanej strony

Po upuszczeniu nowego modułu w wybranym miejscu, w prawej kolumnie edytora zobaczysz możliwe opcje konfiguracji modułu. Wprowadź zmiany i kliknij przycisk: ZAPISZ.
Formularz edycji dodanego modułu w Shoper Storefront
Skonfiguruj moduł za pomocą narzędzi w edytorze Shoper Storefront.
Formularz edycji dodanego modułu w Shoper Storefront
Skonfiguruj moduł za pomocą narzędzi w edytorze Shoper Storefront.

Możesz już teraz zdecydować na jakich szerokościach ekranu dodawany moduł ma być wyświetlany. W dowolnym momencie możesz zmienić te ustawienia.

Aby ostatecznie wprowadzić zmiany w aktywnym szablonie (czyli w tym, którzy widzą klienci w Twoim sklepie), kliknij: Opublikuj.

Jeśli wprowadzasz zmiany w nieaktywnym szablonie sklepu (czyli w tym widocznym jedynie dla administratora sklepu), to ostateczne wprowadzenie zmian do szablonu zatwierdzasz, klikając przycisk: Zapisz.

Publikacja zmian po ich wprowadzeniu w Shoper Storefront
Zatwierdź wszystkie modyfikacje w układzie strony sklepu w Shoper Storefront.
Publikacja zmian po ich wprowadzeniu w Shoper Storefront
Zatwierdź wszystkie modyfikacje w układzie strony sklepu w Shoper Storefront.

Jak edytować moduł w układzie strony?

Pierwszy sposób: Kliknij lewym przyciskiem myszy w dowolnym miejscu w obrębie modułu (A).

Drugi sposób: najedź kursorem na wybrany moduł w podglądzie edytowanej strony, a następnie kliknij ikonę ołówka (B) lub po prostu kliknij dowolne miejsce w obszarze wyznaczonym przez ramkę modułu, a formularz edycji modułu otworzy się w prawej kolumnie edytora.

Trzeci sposób: odszukaj moduł w uproszczonej strukturze modułów, kliknij opcje modułu i wybierz: Edytuj moduł (C).

Jak wybrać moduł do edycji w Shoper Storefront?
Otwórz edycję wybranego modułu.
Jak wybrać moduł do edycji w Shoper Storefront?
Otwórz edycję wybranego modułu.

Wprowadzenie zmian w module i kliknięcie poza obszarem okna jego edycji, spowoduje wywołanie okna informującego o niezapisanych zmianach.

Informacja o niezapisanych zmianach w Shoper Storefront
Opublikuj wszystkie zmiany w wybranym module.
Informacja o niezapisanych zmianach w Shoper Storefront
Opublikuj wszystkie zmiany w wybranym module.

Jak usunąć moduł z układu strony?

Pierwszy sposób: odszukaj moduł w uproszczonej strukturze modułów, kliknij opcje modułu i wybierz: Usuń moduł (A)

Drugi sposób: najedź kursorem na wybrany moduł w podglądzie edytowanej strony, a następnie kliknij ikonę kosza (B).

Jak usunąć moduł z układu strony w Shoper Storefront?
Usuń moduł z układu wybranej strony.
Jak usunąć moduł z układu strony w Shoper Storefront?
Usuń moduł z układu wybranej strony.

Jeśli chcesz usunąć moduł całkowicie bez możliwości powrotu do jego ponownego wykorzystania lub edycji, to zakładce: Twoje moduły (A), we właściwej grupie modułów (B), z opcji dostępnych dla modułu wybierz: Usuń całkowicie (C).

Usuwanie modułu bez możliwości jego przywrócenia
Usuwanie modułu bez możliwości jego przywrócenia
Usuwanie modułu bez możliwości jego przywrócenia
Usuwanie modułu bez możliwości jego przywrócenia

Jak zmienić położenie modułu w układzie?

Najedź kursorem na wybrany moduł.

Przytrzymaj lewy przycisk myszy.
Nie puszczając lewego przycisku myszy przeciągnij moduł w wybrane miejsce na edytowanej stronie.

Puść lewy przycisk myszy, aby umieścić moduł w wybranym miejscu.

Na koniec kliknij przycisk: Opublikuj, aby zapisać zmianę położenia modułu.

Zmiana miejsca wyświetlania modułu na stronie w Shoper Storefront
Zmień położenie modułu w edytowanym szablonie sklepu.
Zmiana miejsca wyświetlania modułu na stronie w Shoper Storefront
Zmień położenie modułu w edytowanym szablonie sklepu.
Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • jak dodać moduł do układu edytowanej strony w Shoper Storefront,
  • edycja modułów w układach stron,
  • usuwanie modułów ze stron przy użyciu Shoper Storefront,
  • zmiana miejsca położenia modułu (drag & drop).
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ń.

Dane kontaktowe

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