Strony kategorii, które sprzedają: najlepsze praktyki układu, filtrów i sortowania

Większość sprzedawców PrestaShop wkłada energię w strony produktów, a strony kategorii traktuje jak domyślny element, którego nigdy się nie rusza. To odwrócona logika. W ogromnej części sklepów strona kategorii jest pierwszą stroną, na którą trafia odwiedzający — Google pozycjonuje adresy URL kategorii na szerokie frazy sprzedażowe („buty do biegania”, „węże ogrodowe”, „krzesła biurowe”), a klient, który tam wchodzi, porównuje, ale jeszcze nie podjął decyzji. Strona produktu domyka klienta, którego już przekonałeś; strona kategorii decyduje, czy w ogóle dotrze on do strony produktu. Ten poradnik dotyczy praktycznej pracy nad samą siatką: układu, kafelka produktu, kolejności sortowania, liczby wyświetlanych produktów i sposobu przechodzenia przez kolejne wyniki — wszystko w realnym panelu administracyjnym i strukturze szablonów PrestaShop, a nie w ogólnej teorii e-commerce.

Dwa duże tematy, które żyją na stronie kategorii, mają własne, pogłębione omówienia, dlatego ten tekst celowo odsyła do nich zamiast poruszać je powierzchownie: filtrowanie fasetowe (czyli sam panel filtrów) opisujemy w artykule o pomaganiu klientom w znajdowaniu produktów w dużych katalogach, a nagłówek na górze strony jest osobną dźwignią konwersji w tekście o tym, dlaczego H1 kategorii nie powinien być po prostu jej nazwą. Drzewo kategorii stojące za adresami URL — głębokość, nazewnictwo, SEO — omawiamy w artykule o strukturze kategorii PrestaShop. Tutaj skupiamy się na układzie i mechanice listingu.

Ostatnia weryfikacja: czerwiec 2026 — ścieżki ustawień sprawdzone w PrestaShop od 1.7 do 9 (motywy Classic i Hummingbird).

Czym naprawdę jest strona kategorii w PrestaShop

Zanim cokolwiek zmienisz, warto wiedzieć, co właściwie edytujesz. Strona kategorii w PrestaShop od 1.7 do 9 jest renderowana przez CategoryController, który rozszerza logikę listingu w ProductListingFrontController. Widoczna siatka pochodzi z pliku category.tpl w motywie, który dołącza product-list.tpl i renderuje każdy element przez szablon „miniatury” produktu catalog/_partials/miniatures/product.tpl. Trzy elementy stanu trafiają do adresu URL, a kontroler odczytuje je przy każdym żądaniu:

• ?order= — sortowanie, np. ?order=product.price.asc albo ?order=product.name.desc.
• ?page= — paginacja, np. ?page=2.
• Filtry fasetowe — obsługiwane przez moduł ps_facetedsearch, który dodaje stan filtrów do adresu URL, zwykle przez parametry zapytania.

To ważne, bo niemal każda „najlepsza praktyka” poniżej jest ustawieniem w panelu administracyjnym albo drobną zmianą szablonu — nie przebudową sklepu. Co to oznacza dla Ciebie? Większość problemów, przez które strona kategorii traci sprzedaż, możesz naprawić bez faktury od programisty, a zmiany przetrwają aktualizacje motywu, ponieważ pracujesz z własnym systemem listingu PrestaShop, a nie przeciwko niemu.

Układ: siatka, lista i liczba kolumn, która naprawdę pasuje do produktów

Motyw Classic w PrestaShop (od wersji 1.7) domyślnie oferuje tylko układ siatki — stary przełącznik siatka/lista z wersji 1.6 został usunięty, więc prawdziwy widok listy pochodzi dziś z motywu, który go przewiduje, albo z dedykowanego modułu, a nie z wbudowanego przełącznika URL. Siatka sprawdza się w zdecydowanej większości katalogów, bo pozwala klientowi objąć wzrokiem wiele produktów naraz. Ale ten wybór nie jest estetyczny — wynika z tego, co sprzedaje produkt:

• Siatka, 3–4 kolumny: gdy sprzedaje zdjęcie — moda, biżuteria, dekoracje, żywność. Fotografia jest haczykiem, więc daj jej miejsce i ogranicz tekst na kafelku do minimum.
• Widok listy: gdy sprzedaje specyfikacja — elektronika, części, zaopatrzenie przemysłowe, B2B. Wiersz listy ma miejsce na krótki opis, kluczowe atrybuty i stan magazynowy, więc kupujący może porównywać bez otwierania każdego produktu.
• Dopasuj widok do katalogu: w motywie Classic oznacza to świadome pozostanie przy siatce i dopracowanie kafelka pod ten układ; jeśli Twoje produkty naprawdę potrzebują listy, to decyzja o motywie lub module, którą warto podjąć celowo. Błędem jest widok, który walczy z katalogiem — sklep z częściami serwerowymi pokazujący kafelki zdjęć bez specyfikacji albo sklep modowy upchnięty w gęstych wierszach równie skutecznie chowają informacje decydujące o zakupie.

Jeśli chodzi o liczbę kolumn, praktyczna rzeczywistość PrestaShop jest taka, że decyduje o niej siatka CSS motywu (klasy kolumn Bootstrap w product-list.tpl), a nie lista rozwijana w panelu administracyjnym — dlatego „pokaż 4 kolumny zamiast 3” to niewielka zmiana w motywie/CSS, najlepiej w motywie potomnym, aby aktualizacja jej nie nadpisała. Nie idź szerzej niż cztery kolumny na desktopie: powyżej tej granicy zdjęcia kurczą się tak bardzo, że przestają sprzedawać.

Kafelek produktu: każdy element musi zasłużyć na miejsce albo znika

Pojedynczy kafelek („miniatura”) to miejsce, w którym strona kategorii przekonuje klienta, a PrestaShop renderuje go z pliku catalog/_partials/miniatures/product.tpl. Kafelek, który konwertuje, pokazuje zwięzły, przemyślany zestaw elementów — i nic, co dodaje szumu:

Dyscyplina polega na odejmowaniu. Etykiety „nowość”, „promocja”, „darmowa dostawa”, flagi, liczniki i oznaczenia z osobna wydają się przydatne; ułożone razem na jednym kafelku zmieniają siatkę w wizualny szum i spowalniają stronę. Wybierz jeden lub dwa elementy, które wspierają Twój najsilniejszy argument sprzedażowy, a resztę usuń.

Sortowanie: wybierz mądre ustawienie domyślne, potem pokaż niewiele opcji

Domyślne sortowanie to jedno z ustawień o największej dźwigni na całej stronie, ponieważ większość kupujących nigdy go nie zmienia — oceniają sklep po takiej kolejności, jaką im podasz. PrestaShop ustawia domyślne sortowanie dla całego katalogu w Parametry sklepu → Ustawienia produktów („Domyślnie sortuj według” / „Domyślna metoda sortowania”), a lista sortowania w części sklepu widocznej dla klientów zapisuje wybór w parametrze ?order=. Dostępne opcje i sytuacje, w których każda z nich powinna być domyślna:

[zrzut ekranu: panel Ustawienia produktów, w którym „Domyślnie sortuj według”, „Domyślna metoda sortowania” i „Produkty na stronie” znajdują się na jednym ekranie]

• Trafność / pozycja (Twoja ręcznie ułożona kolejność): właściwe ustawienie domyślne dla większości kategorii — pozwala umieścić bestsellery i produkty o wysokiej marży na górze, osobno dla każdej kategorii przez przeciąganie produktów w Katalog → Kategorie. Wybrane sortowanie nadal obowiązuje po zaznaczeniu filtrów.
• Cena: od najniższej do najwyższej: najczęściej używane ręczne sortowanie po ustawieniu domyślnym; klienci wrażliwi na cenę sięgają po nie jako pierwsze, więc upewnij się, że jest dostępne.
• Cena: od najwyższej do najniższej: przydatne w kategoriach premium, gdzie klienci spodziewają się, że jakość kosztuje więcej.
• Najnowsze najpierw (według daty dodania): dobre jako ustawienie domyślne w szybko rotujących kategoriach — dropy modowe, nowa technologia.
• Najlepiej sprzedające się / sprzedaż: widoczny społeczny dowód słuszności; mocne w kategoriach, w których „popularne” jest realnym sygnałem.

Ogranicz listę rozwijaną do mniej więcej czterech–sześciu opcji. Każda dodatkowa opcja sortowania to decyzja, o którą prosisz klienta zamiast pozwolić mu kupować, a te marginalne („nazwa Z–A”) prawie nigdy nie są używane. Złe ustawienie domyślne może jednak po cichu kosztować sprzedaż: domyślne „cena od najniższej do najwyższej” zaczyna od najtańszych, najmniej marżowych produktów i uczy odwiedzających patrzeć na sklep jak na kosz z okazjami.

Produkty na stronie i sposób przechodzenia przez resztę

Liczbę produktów pokazywanych przed przerwą — oraz sposób, w jaki klient przechodzi do kolejnej porcji — ustawia się w Parametry sklepu → Ustawienia produktów jako „Produkty na stronie” (wartość PS_PRODUCTS_PER_PAGE); niektóre motywy lub moduły mogą też udostępniać klientowi selektor liczby produktów na stronę w części sklepu widocznej dla klientów, ale natywną kontrolką jest właśnie to ustawienie w panelu administracyjnym. Trzy sposoby obsługi sytuacji, gdy „produktów jest więcej, niż mieści się naraz”:

W PrestaShop paginacja jest bezpiecznym ustawieniem domyślnym właśnie dlatego, że tworzy realne, indeksowalne adresy URL (/category?page=2), które dobrze współpracują z pełnostronicową pamięcią podręczną i pozwalają Google dotrzeć do głębiej położonego asortymentu. Jeśli zależy Ci na płynniejszym doświadczeniu, przycisk „załaduj więcej” jest lepszym kompromisem niż nieskończone przewijanie — stopka pozostaje dostępna, a pozycję da się zapisać. Jeśli chodzi o liczbę produktów na stronie, 24 do 48 pasuje do większości katalogów; bardzo wysokie wartości (96+) nadmuchują wagę strony i pogarszają czas ładowania, co na stronie kategorii bezpośrednio zwiększa współczynnik odrzuceń.

Tekst wprowadzający: krótki akapit, nie ściana tekstu i nie zamiennik filtrów

Strona kategorii powinna mieć unikalny blok tekstu — ale łatwo przesadzić. Wzorzec, który szanuje zarówno kupujących, jak i wyszukiwarki, wygląda tak: krótkie wprowadzenie (dwa lub trzy zdania) na górze, nad siatką, a jeśli chcesz dodać więcej głębi SEO, dłuższy opis pod produktami, gdzie nie zepchnie siatki poniżej pierwszego ekranu. PrestaShop daje do tego dokładnie dwa pola w Katalog → Kategorie → [edycja]: główne pole Opis oraz, w aktualnych wersjach (8.1+), osobne pole Dodatkowy opis, którego własna podpowiedź mówi, że jest „zwykle wyświetlany po liście produktów na stronie kategorii” — użyj ich odpowiednio dla góry i dołu. Górne wprowadzenie utrzymaj mniej więcej w granicach 100–200 słów łącznie, pisząc przede wszystkim dla człowieka.

[zrzut ekranu: ekran edycji kategorii z widocznym głównym polem Opis i polem Dodatkowy opis, dzięki czemu podział góra kontra dół jest oczywisty]

Jedna twarda granica: blok tekstu nie zastępuje nawigacji. Jeśli klienci nie potrafią zawęzić dużej kategorii, rozwiązaniem jest panel filtrów, nie akapit linków — zobacz poradnik o filtrach fasetowych. Nagłówek nad tym wprowadzeniem też zasługuje na osobną uwagę; kategoria o nazwie „Buty” może mieć H1, który naprawdę sprzedaje, co omawiamy w tekście o niestandardowym H1 kategorii.

Gdy katalog jest duży: filtry i wyszukiwarka wykonują najcięższą pracę

Układ i sortowanie wystarczają dla kategorii z kilkudziesięcioma produktami. Powyżej tej skali decydujące staje się to, czy klient może zawęzić wybór — a to temat na tyle duży, że powinien żyć gdzie indziej, zamiast zostać tu upchnięty. Odpowiadają za niego dwa sąsiednie obszary:

• Filtrowanie fasetowe (rozmiar, kolor, marka, suwak ceny, dostępne w magazynie, „pokazano 12 z 156”, usuwalne aktywne filtry) to funkcja, od której zależy sukces dużych kategorii, obsługiwana przez ps_facetedsearch — pełna strategia, w tym dopasowanie filtrów do kategorii, znajduje się w Rewolucji filtrów.
• Wyszukiwarka dla klienta, który woli pisać niż przeglądać — gdy domyślna wyszukiwarka PrestaShop zwraca słabe wyniki, rozwiązanie opisujemy w artykule o inteligentnej wyszukiwarce dla PrestaShop.

Strona kategorii na telefonie to inna strona

Ponad połowa ruchu na stronach kategorii pochodzi dziś z urządzeń mobilnych, a siatka desktopowa nie może po prostu skurczyć się do ekranu. Wersja na telefon potrzebuje własnych decyzji — filtrów zwiniętych za przyciskiem „Filtr”, który otwiera panel pełnoekranowy (nigdy jako elementów osadzonych w treści, bo zjadłyby ekran), siatki dwukolumnowej (jedna kolumna marnuje miejsce, trzy zbyt mocno zmniejszają produkty), przyklejonego paska filtrów/sortowania pozostającego pod ręką podczas przewijania oraz szybkiego podglądu, który pokazuje najważniejsze informacje bez pełnego ładowania strony. To na tyle odrębna dyscyplina, że ma własny poradnik — zobacz handel mobilny — ale najważniejsza zasada dla stron kategorii brzmi: zaprojektuj układ na telefon świadomie, nie dziedzicz go przypadkiem.

Testuj stronę kategorii, bo liczby się kumulują

Strony kategorii łączą duży ruch z bezpośrednim wpływem na przychody, dlatego są najlepszym miejscem w sklepie do testowania — mała poprawa tutaj mnoży się przez każdy produkt pod spodem. Eksperymenty warte uwagi, wszystkie możliwe do zmiany w ustawieniach opisanych wyżej:

• Produkty na stronie — 24 kontra 48 — z obserwacją zarówno konwersji, jak i czasu ładowania strony.
• Domyślne sortowanie — ręcznie ułożona „pozycja” kontra „najlepiej sprzedające się”.
• Zawartość kafelka — z gwiazdkami oceny albo bez; „Dodaj do koszyka” kontra „Szybki podgląd”.
• Położenie tekstu wprowadzającego — góra kontra dół — oraz to, czy siatka nad pierwszym ekranem ma większe znaczenie niż tekst.

Mierz przy wystarczającym wolumenie, żeby zaufać wynikowi — co najmniej kilka tygodni i kilkaset sesji na wariant, a nie trzy dni szumu — i patrz na przejścia z kategorii do produktu oraz finalną konwersję, nie tylko na kliknięcia. Matematyka jest powodem, dla którego warto się tym zająć: podniesienie konwersji choćby o kilka punktów na stronie kategorii odwiedzanej przez dziesięć tysięcy osób miesięcznie oznacza setki dodatkowych kupujących, a ten wzrost działa na każdy produkt w kategorii.

Najczęstsze pytania

Gdzie ustawić domyślną kolejność sortowania stron kategorii w PrestaShop?

W Parametry sklepu → Ustawienia produktów, przez „Domyślnie sortuj według” i „Domyślna metoda sortowania”. To ustawia domyślne sortowanie dla całego katalogu, którego większość kupujących nigdy nie zmienia. Aby ręcznie ułożyć kolejność w pojedynczej kategorii, przeciągnij produkty w Katalog → Kategorie i użyj „pozycji” / trafności jako sortowania.

Ile produktów pokazywać na jednej stronie kategorii?

24 do 48 pasuje do większości katalogów. Ustawia się to w Parametry sklepu → Ustawienia produktów jako „Produkty na stronie”. Bardzo wysokie wartości (96+) zwiększają wagę strony i spowalniają ładowanie, co bezpośrednio podnosi współczynnik odrzuceń na stronie kategorii — dlatego lepiej wybrać paginację niż pokazywać setki produktów naraz.

Czy mogę dodać widok listy do motywu PrestaShop Classic?

Nie przez wbudowany przełącznik URL. Motyw Classic (od 1.7) usunął dawny przełącznik siatka/lista z wersji 1.6 i oferuje tylko siatkę. Prawdziwy widok listy pochodzi dziś z motywu, który go przewiduje, albo z dedykowanego modułu — to świadoma decyzja projektowa, warta podjęcia tylko wtedy, gdy produkt sprzedaje specyfikacja (elektronika, części, B2B), a nie zdjęcie.

Czy na stronach kategorii używać paginacji, czy nieskończonego przewijania?

Paginacja jest bezpiecznym domyślnym wyborem w PrestaShop, ponieważ tworzy realne, indeksowalne adresy URL ?page=, które działają z pełnostronicową pamięcią podręczną i pozwalają Google dotrzeć do głębiej położonego asortymentu. Jeśli chcesz uzyskać płynniejsze doświadczenie, przycisk „Załaduj więcej” jest lepszym kompromisem niż nieskończone przewijanie, które odcina dostęp do stopki i nie daje pozycji możliwej do zapisania.

Jaki szablon renderuje stronę kategorii w PrestaShop?

Odpowiada za nią CategoryController (rozszerzający ProductListingFrontController); siatka pochodzi z pliku category.tpl w motywie, który dołącza product-list.tpl, a każdy kafelek renderuje się przez catalog/_partials/miniatures/product.tpl. Większość dopracowania to ustawienie w panelu administracyjnym albo lekka zmiana w motywie potomnym, a nie przebudowa kontrolera.

Jak to pasuje do Twojego sklepu

Strona kategorii jest pomostem między tym, jak klienci trafiają do sklepu — przez nawigację w mega menu i stronę główną — a stroną produktu, która domyka sprzedaż. Ustaw właściwie siatkę, kafelek, domyślne sortowanie i paginację, przekaż ciężką pracę filtrowania oraz wyszukiwania modułowi ps_facetedsearch i porządnej wyszukiwarce, a widok mobilny zaprojektuj świadomie. Nic z tego nie wymaga forka motywu; prawie wszystko mieści się w Parametry sklepu → Ustawienia produktów, Katalog → Kategorie i lekkiej zmianie w motywie potomnym. Zasada stojąca za każdym ustawieniem jest taka sama: odwiedzający stronę kategorii zasygnalizował intencję, ale jeszcze nie wybrał — Twoim jedynym zadaniem jest ułatwić wybór, a potem zejść mu z drogi.

Czytaj dalej

• Rewolucja filtrów: pomaganie klientom w znajdowaniu produktów w dużych katalogach — panel fasetowy, który prowadzi kategorie dalej niż kilkadziesiąt produktów.
• Struktura kategorii PrestaShop: nawigacja zoptymalizowana pod SEO — drzewo stojące za tymi adresami URL: głębokość, nazewnictwo i slugi.
• Mega menu PrestaShop: budowanie nawigacji, która konwertuje — jak klienci trafiają najpierw do właściwej kategorii.