Zmiana liczby produktów na stronie sklepu w WooCommerce to drobna decyzja techniczna, która szybko wpływa na wygodę zakupów, wygląd katalogu i tempo działania strony. W praktyce chodzi nie tylko o to, ile kart produktów widzi klient, ale też o to, czy siatka jest czytelna, czy nie męczy na telefonie i czy nie spowalnia przeglądania oferty. Poniżej pokazuję, jak ustawić to poprawnie, kiedy lepiej wybrać panel, kiedy kod, a kiedy wtyczkę, oraz jak dobrać sensowną wartość do rodzaju sklepu.
Najważniejsze rzeczy o liczbie produktów w katalogu WooCommerce
- W klasycznych motywach liczy się układ kolumn i rzędów, a w motywach blokowych osobno ustawiasz liczbę produktów na stronę.
- Nie ma jednej uniwersalnej wartości dla każdego sklepu, ale dobrym punktem startowym bywa 8-16 produktów na stronę.
- Jeśli zmiana nie działa, najczęściej winny jest szablon katalogu, cache albo nadpisanie przez motyw.
- Kod ma sens wtedy, gdy chcesz stałej reguły, a wtyczka wtedy, gdy klient ma sam wybierać liczbę produktów.
- Najlepszy wynik daje test na desktopie i mobile, a nie zgadywanie jednej idealnej liczby.
Co dokładnie kontroluje liczba produktów na stronie
Ja zaczynam od rozdzielenia dwóch rzeczy, które często są wrzucane do jednego worka. Jedna to liczba produktów w wierszu, druga to liczba produktów na całej stronie. To nie jest to samo, bo 4 kolumny i 3 rzędy dają 12 produktów, a 3 kolumny i 5 rzędów już 15. Właśnie na tym etapie najłatwiej o nieporozumienie, zwłaszcza gdy ktoś zmienia ustawienie i spodziewa się innego efektu niż ten, który faktycznie steruje motyw.
| Gdzie to ustawiasz | Co zmieniasz | Kiedy to ma sens |
|---|---|---|
| Wygląd > Dostosuj > WooCommerce > Katalog produktów | Liczbę produktów w wierszu i liczbę wierszy | W klasycznych motywach i standardowych archiwach sklepu |
| Wygląd > Edytor > szablon katalogu produktów | Products per Page, układ i paginację bloku | W motywach blokowych |
| Child theme albo wtyczka z fragmentami kodu | Stałą liczbę produktów w archiwum | Gdy potrzebujesz sztywnej reguły bez panelu |
| Wtyczka z selektorem na froncie | Wybór liczby produktów przez użytkownika | Gdy chcesz dać klientowi opcję „więcej” albo „mniej” |
W praktyce to rozróżnienie oszczędza sporo czasu, bo od razu wiadomo, gdzie szukać problemu. Gdy już widzisz, która warstwa odpowiada za katalog, można przejść do samej zmiany ustawienia.
Jak zmienić ustawienie bez kodu
Jeśli chcesz po prostu ustawić liczbę produktów i nie bawić się we fragmenty PHP, w większości sklepów da się to zrobić z poziomu panelu. Ścieżka zależy od tego, czy pracujesz na klasycznym motywie, czy na motywie blokowym. W obu przypadkach cel jest ten sam, ale miejsce ustawienia wygląda inaczej.
W klasycznym motywie
- Wejdź w Wygląd > Dostosuj.
- Otwórz sekcję WooCommerce, a potem Katalog produktów.
- Ustaw liczbę produktów w wierszu oraz liczbę wierszy na stronie.
- Zapisz zmiany i sprawdź efekt na stronie sklepu oraz na podstronach kategorii.
Tu ważny jest prosty rachunek. Jeśli ustawisz 4 produkty w wierszu i 3 wiersze, zobaczysz 12 pozycji na stronie. Jeśli podbijesz liczbę wierszy do 4, dostaniesz już 16 produktów. W sklepach z dużymi zdjęciami i rozbudowanymi kartami produktowymi ja zwykle zaczynam od niższej wartości, bo gęsty katalog wygląda efektownie tylko wtedy, gdy miniatury są naprawdę dobrze przygotowane.
W motywie blokowym
- Przejdź do Wygląd > Edytor.
- Otwórz szablony WooCommerce i wybierz Product Catalog.
- Zaznacz blok Product Collection.
- W ustawieniach bloku zmień Products per Page, układ i paginację.
- Zapisz szablon i sprawdź widok na różnych urządzeniach.
W blokach często warto myśleć o katalogu trochę szerzej niż tylko o samej liczbie kart. Jeśli tworzysz sekcję promocyjną albo landing page z jedną linią produktów, możesz ustawić układ siatki, liczbę kolumn i liczbę pozycji na stronę tak, żeby całość zamknęła się w jednym rzędzie. To daje bardzo schludny efekt, ale tylko wtedy, gdy nie przesadzisz z ilością elementów na małym ekranie.
Przeczytaj również: Opis produktu, który sprzedaje - Jak go napisać?
Gdy chcesz dać klientowi wybór
W części sklepów sens ma rozwiązanie, w którym użytkownik sam wybiera, czy chce widzieć 12, 24 czy 48 produktów. To dobre zwłaszcza przy większych katalogach, gdzie część osób szuka szybkiego przeglądu, a część chce od razu widzieć szeroki wybór. Taki mechanizm nie jest potrzebny w każdym sklepie, ale potrafi poprawić komfort w e-commerce z dużą liczbą filtrów i porównywalnych produktów.
Jeśli masz już jasność, jak zmienia się ustawienie w samym panelu, kolejnym krokiem jest dobranie liczby, która naprawdę pasuje do Twojego sklepu, a nie tylko wygląda dobrze na pierwszy rzut oka.
Jak dobrać rozsądną liczbę do typu sklepu
W tym miejscu zwykle odradzam zgadywanie. Liczba produktów na stronie powinna wynikać z charakteru asortymentu, długości opisów, jakości zdjęć i tego, jak użytkownicy szukają towaru. Inaczej zachowa się butik z kilkudziesięcioma produktami premium, a inaczej sklep z tysiącami akcesoriów, gdzie najważniejsze są filtry i szybkie przejście do konkretnej kategorii.
| Typ sklepu | Dobry punkt startowy | Dlaczego |
|---|---|---|
| Butik, marka premium, produkty wizualne | 8-12 produktów | Więcej przestrzeni, lepsza ekspozycja zdjęć i mniej chaosu |
| Standardowy sklep z szerokim asortymentem | 12-16 produktów | Dobry balans między wygodą przeglądania a liczbą kliknięć |
| Duży katalog z filtrami i porównywalnymi produktami | 16-24 produkty | Użytkownik szybciej widzi większą część oferty i nie musi przewijać zbyt często |
| Landing page lub sekcja z wyselekcjonowaną kolekcją | 4-8 produktów | Tu ważniejszy jest efekt i fokus niż pełny katalog |
Ja w praktyce patrzę jeszcze na dwa dodatkowe sygnały. Po pierwsze, jeśli karty produktów są ciężkie wizualnie, lepiej nie dokładać ich zbyt wiele na jedną stronę. Po drugie, jeśli większość ruchu przychodzi z telefonu, siatka musi być prosta i czytelna, bo na małym ekranie zbyt gęsty układ od razu obniża komfort przeglądania. Dobra wartość to taka, która nie zmusza klienta do niepotrzebnego klikania, ale też nie robi z katalogu ściany miniaturek.
Jeżeli po zmianie efekt dalej nie jest taki, jak się spodziewasz, problem zwykle leży nie w samej liczbie, tylko w tym, że coś nadpisuje ustawienie.
Dlaczego zmiana czasem nie działa
- Edytujesz zły element. W wielu sklepach szablon Product Catalog ma pierwszeństwo przed zwykłą stroną sklepu, więc zmiany w samej stronie mogą nie być widoczne.
- Motyw ma własne nadpisania. Część motywów dodaje własne ustawienia siatki produktów i ignoruje standardowe wartości WooCommerce.
- Cache pokazuje starą wersję. Po zmianie ustawień trzeba czasem wyczyścić cache wtyczki, serwera i przeglądarki.
- Myli się kolumny z liczbą na stronie. Zmiana produktów w wierszu nie zawsze oznacza zmianę liczby produktów na całej stronie.
- Fragment kodu trafił do złego miejsca. Jeśli wrzucisz go do motywu nadrzędnego, aktualizacja może go skasować.
Najczęstszy błąd, który widzę, to próba naprawiania właściwego efektu w niewłaściwym miejscu. Ktoś zmienia ustawienia strony sklepu, a tak naprawdę powinien wejść w szablon katalogu produktów, albo odwrotnie. Jeśli po tej weryfikacji dalej coś się rozjeżdża, warto przejść do kodu lub do prostszej wtyczki, zamiast bez końca klikać w te same opcje.
Kiedy warto sięgnąć po kod albo wtyczkę
Jeśli potrzebujesz stałej wartości w całym sklepie, kod jest najczystszy. Jeśli chcesz dać użytkownikowi wybór, wygodniejsza będzie wtyczka. Ja traktuję to tak: kod dla przewidywalności, wtyczka dla elastyczności. W obu przypadkach ważne jest tylko to, żeby rozwiązanie pasowało do sposobu zarządzania sklepem, a nie dokładało kolejnej warstwy chaosu.
| Metoda | Najlepsze zastosowanie | Plus | Minus |
|---|---|---|---|
| Kod w filtrze WooCommerce | Stała liczba produktów na archiwach sklepu | Pełna kontrola i brak dodatkowych ustawień dla klienta | Wymaga ostrożności i pracy z child theme albo wtyczką do snippetów |
| Shortcode | Jednorazowa sekcja produktowa na landing page | Szybkie wdrożenie bez grzebania w szablonie | Dotyczy tylko konkretnego miejsca, nie całego katalogu |
| Wtyczka z dropdownem | Sklepy, w których klient ma sam wybierać liczbę produktów | Najmniej techniczne rozwiązanie | Dodaje kolejną zależność i może wpływać na wygląd motywu |
Jeśli potrzebujesz sztywnego limitu na klasycznych archiwach, prosty filtr wygląda tak:
add_filter( 'loop_shop_per_page', 'wpleksykon_products_per_page', 20 );
function wpleksykon_products_per_page( $cols ) {
return 12;
}Wrzucaj taki fragment do child theme albo do wtyczki obsługującej snippet, a nie do motywu nadrzędnego. W przeciwnym razie aktualizacja może nadpisać zmianę. Jeśli pracujesz na motywie blokowym, ten kierunek nie zawsze będzie najlepszy, bo wtedy szybciej i czyściej ustawisz wszystko w samym edytorze. Gdy chcesz pokazać produkty tylko w jednym miejscu, dobrym kompromisem bywa shortcode z parametrem per_page, na przykład dla sekcji polecanych produktów na stronie głównej.
Po wdrożeniu zostaje już tylko sprawdzenie, czy nowa wartość rzeczywiście pomaga w sprzedaży i nie psuje komfortu przeglądania. To zwykle ważniejsze niż samo ustawienie liczby.
Jak sprawdzić, czy nowa liczba produktów naprawdę pomaga
Nie oceniam takiej zmiany po samym wyglądzie siatki. Patrzę na to, czy użytkownik szybciej dociera do karty produktu, czy katalog nie staje się zbyt ciężki i czy na mobile nie trzeba niepotrzebnie przewijać długich sekcji. W praktyce sens ma porównanie dwóch wariantów przez kilka dni, a w większych sklepach nawet przez 1-2 tygodnie, żeby zobaczyć stabilniejszy trend.
- CTR z listy produktów do karty produktu - jeśli rośnie, katalog zwykle prowadzi użytkownika lepiej.
- Czas ładowania strony kategorii - zbyt duża liczba produktów potrafi wyraźnie pogorszyć odczucie szybkości.
- Scroll depth - jeśli użytkownicy przewijają bardzo daleko tylko po to, by dojść do interesującej oferty, warto zmienić układ.
- Wyniki na mobile - tu często widać, czy katalog nie jest zbyt gęsty.
- Wejścia w filtrację - w dużych sklepach lepsza liczba produktów często działa razem z dobrze ustawionymi filtrami.
Jeśli miałbym zostawić jedną praktyczną zasadę, to tę: zacznij od wartości, która ułatwia przeglądanie, a dopiero potem ją podbijaj. W wielu sklepach dobry punkt startowy to 12-16 produktów na stronę, ale finalny wybór zależy od zdjęć, filtrów, wielkości katalogu i urządzeń, z których korzystają klienci. Przy rozsądnym ustawieniu katalog jest czytelniejszy, szybszy i po prostu skuteczniejszy, a to w sklepie internetowym ma większe znaczenie niż sama liczba w panelu.
