Wyświetlenie podkategorii nad produktami w Woocommerce

W dzisiejszych czasach zdecydowana większość Nas woli robić zakupy w Internecie, niż jeździć od sklepu do sklepu w poszukiwaniu upragnionej rzeczy lub konkretnego rozmiaru. I zdecydowanie nic w tym dziwnego, gdyż poprzez taki zakup, oszczędzamy czas oraz pieniądze. Uwzględniając aktualne czynniki związane z pandemią, inflacją czy wysokimi cenami paliw, możemy być pewni że każde statystki sprzedażowe sklepów internetowych oraz portali aukcyjnych zostały zwiększone i to dość znacznie.

Dlatego ten artykuł będzie małym poradnikiem dla osób posiadających sklep internetowy stworzony na Wordpress. Napisze jedynie w formie przypomnienia dla osób jedynie ze strona internetową, aby posiadać niezbędne funkcjonalności potrzebne do rozpoczęcia sprzedaży online, należy mieć zainstalowany moduł WooCoomerce. Możliwości modułu sklepu internetowego są ogromne, a w tym materiale skupimy się na jednej z nich.

Kategorie w WooCommerce

Każdy sklep internetowy posiada kategorie dostępnych produktów, kategoryzowanie ułatwia wyszukiwanie poszukiwanego produktu oraz pozwala zachować porządek w serwisie. Jeżeli produktów posiadamy dużo, system WordPress pozwala na doprecyzowanie ich miejsca – poprzez podkategorię. Wygląda to w ten sposób, że mamy kategorię A, B oraz C, a po wejściu w konkretną mamy do wyboru również na przykład A1, A2, oraz A3.

Z punktu wizualnego, najczęściej wygląda to w ten sposób:

Jak widać na załączonej grafice w głównej części mamy dostępne produktu, a kategorie możemy zamieścić w lewej lub prawej belce formie listy. Dla osób zawziętych, ten sposób prezentacji kategorii może być wystarczający, jednak nie jest to najbardziej intuicyjne rozwiązanie techniczne. Możemy na szczęście we własnym zakresie trochę podkręcić wygląd podstrony i umieścić wszystkie podkategorie nad wyświetlanymi produktami.

Teoretyczne przygotowanie do edycji szablonu kategorii

Za nim pójdziemy dalej, musimy przygotować się do edycji naszego sklepu internetowego. Jeżeli posiadacie wersję roboczą swojego serwisu na innej domenie, to zachęcam do poćwiczenia najpierw tam. Jeżeli nie, to konieczne zrobienie jest kopii zapasowej bazy danych oraz plików. Oby nie były konieczne, ale jednak w razie problemów lepiej mieć plan B.

Posiadając już kopie zapasową, należy odszukać w posiadanym szablonie miejsce edycji wyglądu kategorii. Przy wykorzystaniu page builder’ów, bez problemu będziemy mogli wykonać tą operacje bezboleśnie w panelu WordPress’a. W przypadku serwisów projektowanych indywidualnie lub starszych serwisów, możliwe że będziemy musieli zalogować się na nasze konto hostingowe poprzez FTP i tam dokonać zmian (szukałbym w katalogu wp-content, a następnie themes).

Porada

Edycja plików serwisu internetowego może być ryzykowane, najmniejsza kropka w złym miejscu może położyć cały serwis. Dlatego każda zmiana powinna być przemyślana oraz dokładna. Jeżeli posiadamy motyw kupny, który otrzymuje sukcesywnie aktualizacje, nie możemy edytować podstrony w głównym katalogu, gdyż przy najbliższej aktualizacji nasze zmiany zostaną nadpisane. W takim przypadku należy utworzyć szablon potomny. Zrobimy o tym osobny artykuł, jednak na tą chwile zapraszam zainteresowanych pod adres https://developer.wordpress.org/themes/advanced-topics/child-themes/ – gdzie twórcy dokładnie opisują jak przygotować się do stworzenia motywy potomnego – niestety w języku angielskim.

Dodanie podkategorii nad produktami

Mając już wszystko przygotowane, możemy w prosty sposób poprawić atrakcyjność naszego sklepu, oraz klikalność.

W pierwszej kolejności wchodzimy do dokumentacji i pobieramy interesujący nas shortcode: https://woocommerce.com/document/woocommerce-shortcodes/

Czyli: [product_categories number=”0″ parent=”0″]

Parametr „0” musimy podmienić na ID kategorii, której będziemy wyświetlać podkategorie – w innym przypadku wyświetlona zostanie główna kategoria. A gdzie umieszczamy ten kod? Nad produktami, w przypadku szablonu DIVI możemy stworzyć osobny indywidualny wygląd każdej kategorii, wpisu czy produktu. W przypadku innych szablonów, możemy wykorzystać funkcjonalność motywu potomnego.

Podsumowanie

Każda próba optymalizacji procesu zakupowego na naszym sklepie internetowym, może przekładać się na większą sprzedaż. Pamiętajcie, że im mniej kliknięć tym lepiej. W tym materiale przedstawiliśmy sobie jak dodać podkategorie w szablonie Divi, w innych nowoczesnych page builder’ach proces ten będzie zbliżony. Jeżeli jednak interesuje was dodanie tego kodu w plikach PHP to dajcie znać.

Jeżeli macie inne pytania odnośnie tworzenia stron internetowych, administracji stron internetowych lub pozycjonowaniem stron śmiało piszcie do nas.