Data publikacji: 7 kwietnia 2024 Aktualizacja: 5 lutego 2026

Jak wyświetlić kolekcję produktów na stronie głównej sklepu?

Po utworzeniu kolekcji produktowych w panelu administracyjnym sklepu możesz je wyświetlić na stronie swojego sklepu. Poniższa instrukcja wyjaśnia jak to zrobić w szablonie w technologii Storefront oraz w starym szablonie RWD.

Wyświetlanie kolekcji na stronie sklepu w szablonie Storefront

W szablonie Storefront możesz zaprezentować dowolną kolekcję produktów w dowolnym miejscu swojego sklepu, ustawiając odpowiedni moduł w edytorze szablonu.

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki Wygląd i treści > (A) Wygląd sklepu > (B) Obecny szablon graficzny > (C) Szczegóły szablonu (D) i uruchom edytor, klikając: EDYTUJ UKŁAD I STYL SZABLONU (E).
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Edytuj układ i styl szablonu
Rys 1. Uruchom edytor Shoper Visual Editor w technologii Storefront
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Edytuj układ i styl szablonu
Rys 1. Uruchom edytor Shoper Visual Editor w technologii Storefront
Edytor domyślnie otworzy się na edycji strony głównej. Odszukaj moduł: Kolekcja (wybrana z listy) i umieść w wybranym, przygotowanym wcześniej miejscu.
Po umieszczeniu modułu w wybranym miejscu na stronie, w prawej kolumnie edytora zobaczysz opcje możliwe do edycji:
  • Wyświetlana kolekcja – z rozwijanej listy wybierasz kolekcję, którą chcesz wyświetlić w module
  • Możliwość wyświetlenia innego nagłówka niż nazwa wybranej kolekcji
  • Dodatkowe podkreślenie pod nagłówkiem
  • Dodatkowy opis pod nagłówkiem
  • Wyświetlenie linku do podstrony ze wszystkimi produktami z wybranej kolekcji wraz z możliwością ustalenia treści linku
  • Sposób wyświetlania produktów z kolekcji w module (pozioma przewijana lista lub kafelki)
  • Maksymalna liczba produktów wyświetlanych w module
  • Maksymalna liczba produktów w wierszu per szerokość ekranu
  • Dodatkowe opcje i parametry produktów widocznych w module
  • Widoczność modułu na poszczególnych szerokościach ekranu
Opcje edycji dostępne w module Kolekcja (wybrana z listy) w edytorze szablonu sklepu Shoper
Rys 2. Wybierz kolekcję i skonfiguruj moduł
Opcje edycji dostępne w module Kolekcja (wybrana z listy) w edytorze szablonu sklepu Shoper
Rys 2. Wybierz kolekcję i skonfiguruj moduł
Zapisz zmiany w module i Opublikuj je na stronie.

Dodawanie polecanej kolekcji do strony głównej sklepu w szablonie RWD

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki: Obsługa sklepu > Kolekcje i DODAJ KOLEKCJĘ (jak w tej instrukcji: Jak utworzyć kolekcję w Panelu administracyjnym sklepu?). Dodaj do niej produkty, które chcesz pokazywać na stronie głównej.

Jeżeli ustalisz liczbę elementów na stronie głównej np. 4 (Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Strona główna > Liczba produktów na stronie głównej), a oznaczysz 5 produktów polecanych, na stronie głównej – w sekcji produktów polecanych pojawi się paginacja, skutkiem czego piąty produkt widoczny będzie na kolejnej stronie.

Polecana kolekcja na stronie głównej - polecane produkty > Paginacja
Rys 1. Unikaj paginacji w wyświetlanej sekcji z polecanymi produktami na stronie głównej sklepu.
Polecana kolekcja na stronie głównej - polecane produkty > Paginacja
Rys 1. Unikaj paginacji w wyświetlanej sekcji z polecanymi produktami na stronie głównej sklepu.

Jeżeli posiadasz wiele wersji językowych sklepu, dla każdej z nich możesz własną kolekcję polecaną.

Aby kolekcja wyświetlała się jako produkty polecane na stronie głównej, zaznacz: Wyświetl tę kolekcję na Stronie głównej (A). Po zapisaniu zmian (B) polecana kolekcja będzie widoczna dla klientów.
Panel administracyjny sklepu > Obsługa sklepu > Kolekcje > Dodaj kolekcję`
Rys 2. Aktywuj opcję wyświetlania nowej kolekcji na stronie głównej sklepu.
Panel administracyjny sklepu > Obsługa sklepu > Kolekcje > Dodaj kolekcję`
Rys 2. Aktywuj opcję wyświetlania nowej kolekcji na stronie głównej sklepu.

Polecana kolekcja na liście wszystkich kolekcji sklepu oznaczona jest w poniższy sposób – przesuwając suwak w lewo, możesz dezaktywować polecaną kolekcję na stronie głównej

Tylko jedna kolekcja może być oznaczona jako polecana.

Panel administracyjny sklepu > Obsługa sklepu > Kolekcje > Strona główna
Rys 3. Zdecyduj, która kolekcja ma być prezentowana na stronie głównej sklepu internetowego.
Panel administracyjny sklepu > Obsługa sklepu > Kolekcje > Strona główna
Rys 3. Zdecyduj, która kolekcja ma być prezentowana na stronie głównej sklepu internetowego.

Jeżeli żadna z kolekcji Twojego sklepu nie jest oznaczona jako polecana, a mimo to widzisz produkty polecane na stronie głównej, najprawdopodobniej są one oznaczone jako Polecane w Panelu administracyjnym sklepu zgodnie ze starym mechanizmem, który działa domyślnie.

Jak dodać nową kolekcję w Panelu administracyjnym sklepu?

Instrukcja: jak wygenerować nowy zbiór produktów w ramach kolekcji?

Jak przypisać produkty do polecanej kolekcji w sklepie?

Instrukcja: jak dodać produkt do utworzonej kolekcji?

Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • Jak wyświetlić produkty z kolekcji na stronie w szablonie Storefront?
  • Jak wyświetlić produkty z kolekcji na stronie w szablonie RWD?
  • Jak dodać produkty do kolekcji w panelu sklepu?
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