Artykuł ten powstał, ponieważ ostatnio ze swoim problemem zgłosił się do mnie mój Czytelnik, który ma mały sklep na WooCommerce. W sklepie ma tylko kilkanaście produktów, przez co niezbyt pasuje domyślne menu sortowania, które znajduje się nad i pod produktami. Czytelnik słusznie zauważył, że taka funkcjonalność dobrze wygląda i jest przydatna w większym sklepie internetowym. Jednak w jego przypadku rozwiązanie to może być zbędne. Sądzę, że z tym problemem może mierzyć się więcej osób, dlatego właśnie postanowiłam napisać ten poradnik 🙂 Zobacz jak ukryć sortowanie produktów w WooCoommerce.
Jak ukryć sortowanie produktów w WooCoommerce
Pierwszy sposób polega na dodaniu dwóch linijek kodu do pliku functions.php. Natomiast drugi polega na dodaniu kodu CSS. Zarówno jednen jak i drugi sposób nie jest trudny.
Sposób 1 – edycja pliku functions.php
Za pomocą tego rozwiązania całkowicie wyłączymy menu sortowania. Możemy usunąć tylko dolne menu lub tylko górne, albo oba. Plik functions.php znajduje się w głównym folderze z naszym motywem: wp-content -> themes -> Twój motyw -> functions.php.
Połącz się z serwerem poprzez FTP, skopiuj plik functions.php i otwórz go w dowolnym edytorze kodu (polecam edytor kodu Atom). Zobacz jak połączyć się z serwerem przy pomocy programu WinSCP. Artykuł jest głównie o tym, jak wykonać kopię zapasową, ale poniżej znajduje się krótki tutorial do WinSCP.
Usunięcie górnego menu sortowania:
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 10 );Usunięcie dolnego menu sortowania:
remove_action( 'woocommerce_after_shop_loop', 'woocommerce_catalog_ordering', 10 );Kod na usunięcie górnego i dolnego menu sortowania:
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 10 );
remove_action( 'woocommerce_after_shop_loop', 'woocommerce_catalog_ordering', 10 );UWAGA! Zanim zaczniesz edytować plik functions.php, upewnij się, że pracujesz na motywie potomnym. W przeciwnym razie po wykonaniu aktualizacji motywu wszelkie zmiany zostaną nadpisane.
Sposób 2 – ukrycie menu sortowania przy pomocy kodu CSS
Za pomocą poniższego kodu ukryjesz zarówno górne, jak i dolne menu sortowania.
.woocommerce-ordering {
display: none;
}Kod ten możesz dodać bezpośrednio do swojego motywu potomnego edytując arkusz styli, albo z poziomu panelu WordPressa: Dostosuj -> Dodatkowy CSS.
Jak ukryć sortowanie produktów w WooCoommerce – podsumowanie
Sortowanie produktów jest bardzo przydatną funkcją, zwłaszcza gdy sprzedajesz dużą ilość różnorodnych produktów. Funkcjonalność ta pozwoli Twoim klientom na sortowanie produktów według ceny, popularności, oceny, a także daty dodania. Sama bardzo często korzystam z sortowania robiąc zakupy online 😉 Jeśli jednak oferujesz tylko parę produktów, to może faktycznie warto ukryć tę opcję.