Jak ukryć sortowanie produktów w WooCoommerce

Jak ukryć sorsowanie produktów w WooCommerce

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.

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.