Dodatkowe układy stron Storefront w Shoperze — krok po kroku

W Shoper Premium edytor Storefront pozwala mieć więcej niż jeden układ tego samego typu strony: osobny widok karty produktu na kolekcję premium, inna lista kategorii na Black Friday, osobna strona informacyjna pod kampanię. Funkcję opisuje Shoper Learn: Storefront: Dodatkowe układy stron (publikacja 17 sierpnia 2026, aktualizacja 20 sierpnia 2026). Poniżej instrukcja krok po kroku i pomysły, jak spiąć układy z sezonem oraz aplikacjami GrowX.

Kiedy dodatkowy układ ma sens

• Karta produktu „flagowiec” z większym hero i mniej rozpraszaczy.
• Lista kategorii wyprzedaży z innym banerem i kolejnością modułów niż katalog całoroczny.
• Strona informacyjna pod regulamin promocji albo terminy dostawy przed świętami.
• Kolekcja sezonowa (np. prezenty) z innym układem niż standardowa lista kolekcji.

Według Shoper Learn układy możesz tworzyć dla: kart produktu, kart zestawu, list kategorii, list kolekcji oraz stron informacyjnych. Dla kart produktu limit to maksymalnie 50 układów.

Krok po kroku: nowy układ w SVE

1. Zaloguj się do panelu → Wygląd i treści → Wygląd sklepu → Edycja szablonu graficznego.
2. Kliknij Edytuj układ i styl szablonu.
3. Wybierz typ strony (np. karta produktu).
4. Kliknij Dodaj nowy układ.
5. Podaj nazwę i opcjonalnie klasę CSS.
6. Zawartość: Kopiuj istniejącą stronę (szybszy start) albo Pusta strona.
7. Kliknij Dodaj i przejdź do układu.

Przypisz układ regułami

Po utworzeniu układu Shoper każe wskazać obiekty: produkty, kategorie, kolekcje albo strony informacyjne. Klikasz przypisanie, dodajesz reguły (np. kategoria X oraz producent Y) i zapisujesz. Reguły łączą grupy obiektów — jeden układ może obejmować kilka warunków naraz.

Edycja, ustawienia i usuwanie

• Zmiana reguł: wybierz układ → Zmień.
• Nazwa / klasa CSS: menu trzech kropek → Ustawienia.
• Usunięcie: trzy kropki → Usuń.
• Sam układ edytujesz jak zwykły szablon Storefront.

Jak spiąć układy z GrowX i sezonem

Sam układ zmienia strukturę strony — treść i pilność dokładasz aplikacjami:

• GrowTimer — licznik na układzie wyprzedaży.
• GrowBundle — zestawy na karcie w układzie prezentowym.
• GrowContent — opisy i FAQ na wyróżnionych kartach.
• Szablony Storefront: growcommerce.pl/szablony.

Checklista: dodatkowe układy Storefront

• Plan Premium aktywny — bez niego nie dodasz układów.
• Cel układu zapisany (np. BF kategoria X, flagowiec Y).
• Układ skopiowany z działającej strony, potem uproszczony.
• Reguły przypisania sprawdzone na 2–3 produktach testowych.
• Mobile: hero, CTA i licznik czytelne na wąskim ekranie.
• Data końca promocji spójna z GrowTimer / banerem / mailem.
• Po sezonie: wyłącz reguły lub usuń układ.
• Limit 50 układów na kartę produktu — bez zbędnych kopii.