Jak przenieść opisy kategorii w WooCommerce poniżej listingu produktów

Poradnik

WooCommerce to jedna z popularniejszych darmowych platform e-commerce, dających możliwość założenia własnego sklepu. Jedną z zalet WooCommerce jest kontrola nad plikami. Jeśli chcemy coś zmienić, jak np. właśnie przenieść opis kategorii niżej, to możemy to zrobić samodzielnie. W poradniku pokazujemy krok po kroku jak to zrobić.

Opisy na kategoriach mogą spełniać kilka funkcji:

• pomóc przy SEO – dobre opisy pomogą osiągnąć lepsze pozycje dla danych kategorii
  
• pomóc przy konwersji – dobre opisy zachęcą odwiedzających do zapoznania się z produktami, przybliżą ich zalety

Edycja opisów kategorii w WooCommerce

Opisy kategorii można edytować z panelu opcji WooCommerce. Przechodzimy do Produkty / Kategorie. Można tu dodać nową kategorię lub wyedytować istniejącą. W tym miejscu należy kliknąć Edytuj:

Zostajemy przeniesieni na stronę edycji danej kategorii. Możemy zmieniać tu wiele opcji, w tym dodać/zmienić opis:

Zmiana domyślnego wyświetlania opisu

Domyślnie opis kategorii będzie wyświetlany nad listingiem produktów. Standardowe rozwiązanie w wielu sklepach. Jest ono jednak problematyczne, jeśli dodamy dłuższy opis (np. przygotowany z myślą o SEO). Wtedy długi opis przesuwa w dół produkty, co nie jest dobre pod kątem UX i konwersji.

Wygląda to tak jak na screenie:

Opcje są tutaj dwie:

• zawężenie opisu do „czytaj więcej”
  
• przeniesienie opisu poniżej produktów
  

Z doświadczenia sugerujemy jednak opcję przeniesienia niż ukrywania opisu pod przyciskiem czytaj więcej.

Aby przenieść opis w WooCommerce, musimy wyedytować plik functions.php. Wiele rzeczy w WooCommerce edytuje się nie w samych plikach szablonu, a właśnie poprzez dodanie odpowiednich instrukcji w functions.php.

Logujemy się na hosting FTP. Następnie przechodzimy do folderu public_html. Będzie on zawierał wszystkie pliki WordPressa. Przechodzimy do wp-content i następnie do folderu themes. Tutaj musimy odszukać nazwę szablonu, który stosujemy. Przechodzimy do folderu z plikami tego szablonu.

Otwieramy plik functions.php w dowolnym edytorze tekstowym. Przewijamy na sam koniec i wklejamy następujące cztery linijki kodu:

Powyższy kod usuwa opis znad listignu, następnie dodaje opis pod listingiem.

Zapisujemy plik functions.php. Jeśli edytowaliśmy go lokalnie to wysyłamy na hosting i podmieniamy.

W efekcie powinniśmy zobaczyć opis pod listingiem produktów:

Czasem konieczne będą małe poprawki stylistyczne. Na przykładzie wyżej widać, że przydałoby się zmienić tło na białe. Jednak w większości przypadków opis powinien wyświetlać się poprawnie, bez konieczności dalszych zmian.

Porozmawiajmy

Powiedz nam czego potrzebujesz

Kontakt