Znasz ten numer? Wchodzisz do panelu WordPressa, edytujesz stronę „Sklep”, klikasz „Zapisz”, odświeżasz witrynę i… nic. Produkty nadal stoją w tym samym układzie, sortowanie robi po swojemu, a katalog wygląda tak, jakby zatrzymał się kilka lat temu. Człowiek zaczyna podejrzewać cache, wtyczkę albo własne zdrowie psychiczne.
W sklepie WooCommerce problem często leży gdzie indziej. Jeśli używasz motywu blokowego, wygląd głównego katalogu może kontrolować szablon Product Catalog, a nie zwykła treść strony Sklep. Poniżej rozkładamy ten mechanizm na części: czym różni się szablon od bloku Product Collection, jak poukładać produkty, sortowanie i filtry oraz kiedy przebudowa katalogu ma więcej sensu niż instalowanie kolejnej wtyczki.
Najpierw sprawdź, co naprawdę wyświetla stronę Sklep
WooCommerce domyślnie pokazuje na stronie Sklep opublikowane produkty, ale za ich układ może odpowiadać szablon Product Catalog. To on steruje wyglądem głównej strony katalogu. Jeżeli zmieniasz bezpośrednio zawartość zwykłej strony Sklep, a na froncie nic się nie rusza, prawdopodobnie szablon ją nadpisuje.
W środowisku z motywem blokowym warto więc sprawdzić Site Editor i listę szablonów, zamiast w kółko poprawiać tę samą stronę. Site Editor oraz edycja szablonów są dostępne po aktywowaniu motywu blokowego. Przy klasycznym motywie ścieżka edycji i zakres opcji mogą wyglądać inaczej. To ważne, bo WooCommerce nie działa tu według zasady „jeden panel pasuje do wszystkiego”.
Strona Sklep a szablon Product Catalog
Najprościej ująć to tak: zwykła strona Sklep jest stroną treściową, natomiast Product Catalog jest szablonem odpowiedzialnym za katalog produktów. Skoro szablon ma pierwszeństwo, edycja treści strony nie musi zmienić widoku produktów. Zanim dołożysz nowe rozszerzenie, sprawdź więc, który element faktycznie renderuje katalog.
Product Catalog kontra Product Collection — bez technicznego bełkotu
Te dwie nazwy brzmią podobnie, ale pełnią różne role. Product Catalog to rama całej strony katalogu. W niej mogą znajdować się między innymi tytuł archiwum, sortowanie, liczba wyników, filtry i główny obszar z produktami.
Product Collection jest blokiem, który zasila tę ramę produktami. To on wyświetla kolekcję w konkretnym układzie i według określonych kryteriów. Może działać jako kolekcja domyślna dopasowana do kontekstu strony albo jako kolekcja niestandardowa, oparta na kategoriach, tagach, atrybutach, promocji czy dostępności.
Jeden odpowiada za ramę, drugi za produkty
Wyobraź sobie sklep stacjonarny. Product Catalog to plan sali, półki i sposób prowadzenia klienta. Product Collection to konkretna półka z określonym towarem. Jedno bez drugiego nie daje pełnego obrazu. Szablon organizuje stronę, a blok decyduje, jakie produkty i w jakiej formie zostaną pokazane. Product Collection można też rozszerzać o dodatkowe bloki, wzorce i filtry, ale zakres opcji zależy od motywu i konfiguracji sklepu.
Jak uporządkować siatkę produktów
Przebudowa katalogu nie musi oznaczać grzebania w kodzie. Product Collection może prezentować produkty w układzie siatki, listy albo karuzeli. Można również ustawić liczbę produktów wyświetlanych na stronie. To nie są ozdobniki dla samej ozdoby. Układ powinien pasować do tego, jak klient przegląda ofertę.
Siatka pozwala oglądać wiele produktów równolegle. Lista może lepiej eksponować dodatkowe informacje przy produkcie. Karuzela może działać jako dodatkowa sekcja, na przykład z wybraną grupą produktów, ale nie powinna zastępować czytelnej struktury całego katalogu. Jeśli wszystko wrzucisz do jednego przewijanego paska, klient dostanie bardziej wystawę niż wygodny katalog.
Siatka, lista czy karuzela?
Zacznij od pytania: co ma być pierwszym krokiem po wejściu na stronę Sklep? Jeśli użytkownik ma szybko porównać wiele produktów, siatka może być naturalnym wyborem. Jeżeli ważniejsze są informacje opisujące produkt, rozważ listę. Karuzela ma sens jako wydzielona sekcja, a nie jako sposób na ukrycie całej oferty w przewijanym szeregu.
Po ustawieniu układu sprawdź także paginację i przechodzenie między kolejnymi częściami katalogu. Zmiana liczby produktów na stronie wpływa na sposób przeglądania oferty, więc nie oceniaj widoku wyłącznie na jednym ekranie.
Sortowanie i kolekcje produktów, które mają sens
Product Collection pozwala ustawić kolejność między innymi według nazwy, daty dodania, ceny, sprzedaży, oceny, kolejności ręcznej albo losowej. Można też kontrolować liczbę produktów na stronie oraz filtrować po statusie magazynowym i promocji. Opcji jest sporo, ale nie oznacza to, że trzeba użyć wszystkich naraz.
Najpierw uporządkuj kategorie, tagi i atrybuty. Dopiero potem ustawiaj kolekcje. Kolekcja niestandardowa może pokazywać produkty z określonej kategorii, produkty przecenione, dostępne, oznaczone konkretnym tagiem albo pasujące do wybranego atrybutu. Dzięki temu katalog nie musi być jednym wielkim workiem z całą ofertą.
Nie każda sekcja musi pokazywać wszystko
Główny katalog może służyć do pełnego przeglądania oferty, a dodatkowe sekcje powinny mieć konkretną rolę. Możesz wydzielić produkty wyróżnione, przecenione, nowe, najlepiej oceniane albo ręcznie wybrane. Ręczna kolekcja ma sens wtedy, gdy chcesz świadomie pokazać konkretną grupę, a nie liczyć na przypadek.
Sortowanie losowe może wyglądać ciekawie, ale nie zawsze pomaga znaleźć produkt. Kolejność według nazwy, ceny, daty dodania czy ręcznego ustawienia może być bardziej przewidywalna. Żadna z tych opcji sama w sobie nie gwarantuje lepszej sprzedaży. Chodzi o to, żeby katalog wspierał sposób przeglądania oferty, a nie utrudniał go.
Filtry: pomoc dla klienta czy kolejny labirynt?
Blok Product Filters może filtrować produkty według ceny, oceny, atrybutu, dostępności, kategorii, marki i tagu. Współpracuje z Product Collection i można go dodać do szablonu Product Catalog. W domyślnej konfiguracji filtrowanie może aktualizować listę produktów bez przeładowania całej strony.
Brzmi dobrze, ale filtr nie naprawi bałaganu w danych. Jeśli jeden produkt ma atrybut zapisany na kilka niespójnych sposobów, kategorie są przypadkowe, a tagi pełnią rolę notatek dla zespołu, klient nie dostanie przejrzystej nawigacji. Dostanie menu, które wygląda fachowo, lecz prowadzi donikąd.
Najpierw dane produktów, potem filtry
Przed dodaniem wielu filtrów sprawdź, czy każdy z nich pomaga znaleźć produkt. Niespójne atrybuty, kategorie lub tagi mogą prowadzić do chaotycznych wyników. Nadmiar filtrów także potrafi utrudnić zakupy. Lepiej zacząć od tych kryteriów, które rzeczywiście opisują ofertę i są zrozumiałe dla klienta.
Filtry są elementem nawigacji katalogu, a nie automatycznym zamiennikiem dobrej struktury produktów. Jeśli klient nie wie, w której kategorii szukać i jakie cechy są ważne, samo dodanie kolejnych pól nie rozwiąże problemu.
Kiedy nie dokładać kolejnej wtyczki
Jeśli problem dotyczy układu, hierarchii produktów, sortowania albo podstawowego filtrowania, najpierw sprawdź możliwości Product Catalog i Product Collection. Te elementy mogą wystarczyć do przebudowania głównego katalogu bez dokładania kolejnego narzędzia.
Dodatkowa wtyczka może być potrzebna, gdy wymagania wykraczają poza standardowe opcje: chodzi na przykład o nietypowe wyszukiwanie, zaawansowane reguły filtrowania albo integrację. To jednak decyzja do podjęcia po sprawdzeniu motywu, używanych wtyczek, wersji i wymagań konkretnego sklepu.
Układ to nie to samo co nowa funkcja
Jeżeli produkty są pokazane chaotycznie, a sortowanie nie odpowiada ofercie, nowa wtyczka może tylko dołożyć kolejną warstwę konfiguracji. Nie uporządkuje automatycznie kategorii ani atrybutów. Najpierw ustal, czy potrzebujesz nowej funkcji, czy po prostu właściwie skonfigurowanego szablonu i bloku.
Przy dodatkowych wtyczkach, niestandardowych blokach albo modyfikacjach motywu sprawdź zgodność przed zastąpieniem dotychczasowego układu. To szczególnie ważne w aktywnym sklepie, gdzie pozornie mała zmiana może dotknąć więcej elementów katalogu.
Lista kontrolna przed publikacją zmian
Przebudowa katalogu może być prosta, ale nie warto robić jej na ślepo. Przed zmianą szablonu wykonaj kopię zapasową. Jeśli sklep działa sprzedażowo, przetestuj zmiany na środowisku testowym, o ile masz taką możliwość. Sprawdź też, czy pracujesz na właściwym Product Catalog, a nie tylko na zwykłej stronie Sklep.
Przygotuj krótką listę kontroli. Dzięki niej nie skończysz z ładniejszą siatką, w której nagle nie działa sortowanie albo przycisk dodawania do koszyka.
- Motyw i edytor: sprawdź, czy używasz motywu blokowego i czy dostępny jest Site Editor.
- Szablon: upewnij się, że zmieniasz Product Catalog, jeśli to on steruje widokiem katalogu.
- Produkty: sprawdź kategorie, tagi, atrybuty, promocje i dostępność.
- Zgodność: zweryfikuj działanie dodatkowych wtyczek, niestandardowych bloków i modyfikacji motywu.
Szybki test po wdrożeniu
Po publikacji obejrzyj katalog na komputerze i urządzeniach mobilnych. Przejdź przez sortowanie, filtry i paginację. Sprawdź przyciski dodawania do koszyka oraz komunikaty WooCommerce. Zobacz, czy produkty z wybranych kolekcji faktycznie się pokazują i czy zmiana jest widoczna na właściwej stronie.
Nie testuj tylko jednego przypadku. Przeklikaj kilka kategorii, sprawdź produkty dostępne i promocyjne, a potem wróć do pełnego katalogu. Jeśli sklep korzysta z dodatkowych rozszerzeń, sprawdź go także w konfiguracji, w której działa na co dzień.
Najważniejszy wniosek jest prosty: zanim zainstalujesz kolejną wtyczkę, ustal, co naprawdę steruje katalogiem. Problem może leżeć w niewłaściwie edytowanej stronie, szablonie Product Catalog, konfiguracji Product Collection albo w nieuporządkowanych danych produktów. Dostępne opcje zależą od motywu blokowego, edytora i konfiguracji sklepu, więc przebudowę warto najpierw sprawdzić, a dopiero potem publikować. Masz stronę, sklep albo materiały graficzne, które proszą się o ogarnięcie? Napisz do INB Marketing i zobaczymy, co da się z tym sensownie zrobić.
