Data publikacji: 17 sierpnia 2026 Aktualizacja: 20 sierpnia 2026

Storefront: Dodatkowe układy stron

W pakiecie Shoper Premium edytor szablonu daje Ci możliwość tworzenia wielu układów dla jednego typu strony. Dzięki temu możesz przygotować odrębny widok strony dla poszczególnych produktów, kategorii, kolekcji, stron informacyjnych czy strony głównej. Funkcja ta pozwoli Ci wyróżnić Twój asortyment pod kątem kampanii marketingowych czy sezonowych.

Aktualnie możliwość tworzenia układów dostępna jest dla kart produktu, kart zestawu produktu, list kategorii, list kolekcji oraz stron informacyjnych.

Jak stworzyć dodatkowy układ 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.

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

Wybierz typ strony, dla której chcesz dodać nowy układ.

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

Kliknij: Dodaj nowy układ.

Kliknij: Dodaj nowy układ
Rozpocznij tworzenie nowego układu

Wprowadź parametry nowego układu.

Instrukcja przedstawia tworzenie układu dla strony produktu. Dla pozostałych typów stron etapy tworzenia układu są identyczne.

Nazwa układu – pozwoli Ci odróżnić poszczególne układy, jeśli będzie ich więcej.

Klasa CSS – możesz przypisać indywidualne klasy CSS dla tworzone układu.

Zawartość układu:

  • Kopiuj istniejącą stronę – wybierz stronę, która ma być skopiowana do nowego układu
  • Pusta strona – nowy układ tworzysz całkowicie od zera
Uzupełnij formularz nowego układu
Uzupełnij formularz nowego układu
Uzupełnij formularz nowego układu
Uzupełnij formularz nowego układu

Kliknij: Dodaj i przejdź do układu.

Wybierz obiekty, dla których chcesz przypisać nowy układ.

Kliknij: Przypisz ten układ strony do produktów (lub kategorii, kolekcji, stron informacyjnych itd.)

Przypisz obiekty do nowego układu
Przypisz obiekty do nowego układu
Przypisz obiekty do nowego układu
Przypisz obiekty do nowego układu
Określ reguły dla nowego układu.

Zdecyduj, dla których obiektów nowy układ ma być wyświetlany. Układ możesz przypisać do wszystkich obiektów w bazie sklepu lub do wybranych. Skorzystaj z dostępnych warunków i kliknij: Dodaj regułę.

Wybierz reguły dla nowego układu
Wybierz reguły dla nowego układu
Wybierz reguły dla nowego układu
Wybierz reguły dla nowego układu

Możesz stworzyć wiele reguł. Zastosowane reguły powodują łączenie ze sobą poszczególnych grup obiektów.
Przykład:
Produkty z kategorii X oraz produkty od producenta Y będą korzystały z tego samego układu.

Kliknij: Zapisz, aby zastosować reguły dla nowego układu.

Nowy układ został dodany.

Po dodaniu układu zobaczysz informację o liczbie obiektów objętych układem.

Nowy układ został stworzony
Informacje o układzie
Nowy układ został stworzony
Informacje o układzie

Dla strony produktu możesz utworzyć maksymalnie 50 układów.

Jak edytować lub usunąć układ?

Jeśli stworzysz nowy układ dla danego typu strony (poza domyślnym), to na liście wyboru edytowanej strony pojawi się kolejny poziom z dodanymi układami.

Usuń układ lub dodaj nowy
Usuń układ lub dodaj nowy
Usuń układ lub dodaj nowy
Usuń układ lub dodaj nowy

Jeśli chcesz dodać nowy układ, kliknij: + Dodaj nowy układ.

Jeśli chcesz usunąć dany układ, kliknij: ikonę trzech kropek i wybierz: Usuń.

Jeśli chcesz zmienić nazwę klub klasę CSS układu, kliknij: ikonę trzech kropek i wybierz: Ustawienia.

Jeśli chcesz edytować reguły danego układu, wybierz dany układ, a następnie kliknij: Zmień.

Nowy układ został stworzony
Kliknij: Zmień, aby przejść do jego edycji.
Nowy układ został stworzony
Kliknij: Zmień, aby przejść do jego edycji.

Edycja samego szablonu w ramach danego układu odbywa się w znany Ci już sposób.

Wideoinstrukcja o układach stron

Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • Czym są układy w edytorze szablonu?
  • Jak dodać nowy układ?
  • Jak edytować lub usunąć nowy układ?
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