Comment retirer le tri des produits dans les pages catégories WooCommerce ?

Dans la page boutique et les pages catégories de WooCommerce se trouve un menu déroulant qui a pour fonction de trier les produits. Nous allons voir comment le supprimer complètement.

Ce menu déroulant permet de trier les produits manuellement, par prix, notes, date de publication et nombre de ventes.

Si vous avez peu de produits ou pour tout autre raison, il sera inutile de garder ce menu déroulant. Il est alors préférable de le retirer. De plus, cela permet d’alléger vos pages et de ne garder que l’essentiel.

Voici le code à appliquer :

remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );Langage du code : JavaScript (javascript)

Attention : ce code ne fonctionne pas pour tous les thèmes, c’est le cas notamment pour Storefront. Pour le thème Storefront voici le code à utiliser :

add_action( 'wp', 'wootimeo_remove_default_sorting_storefront' );
  
function wootimeo_remove_default_sorting_storefront() {
   remove_action( 'woocommerce_after_shop_loop', 'woocommerce_catalog_ordering', 10 );
   remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 10 );
} Langage du code : JavaScript (javascript)

Et voici le résultat obtenu :

Dans le cas où les codes ci-dessus ne fonctionnent pas pour vous, il est fort probable que votre thème customise le menu déroulant de tri.

La solution à utiliser en dernier recours est de modifier le fichier qui génère le code HTML du menu déroulant de tri.

Pour cela, il faut copier le fichier templates/loop/orderby.php du plugin WooCommerce dans votre thème et le placer comme ceci : woocommerce/loop/orderby.php. Vous pouvez modifier le contenu de ce fichier pour personnaliser le menu de tri ou tout simplement effacer son contenu et le laisser vide afin de le supprimer de votre boutique.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *