Petit truc aujourd’hui pour celles et ceux qui font ou ont à faire un site de ecommerce avec WooCommerce et un template comme Storefront.

Tout est facilement paramétrable mais il reste une sorte de pois chiche dans le lit de plumes de WooCommerce.

Quand on arrive sur la page d’accueil du site (en général, la page « boutique »), on se retrouve avec ça !

Woocommerce storefront page accueil

Une sorte de box de tri et une phrase sans aucun intérêt puisqu’on est sur la page d’accueil: « Afficher tous les x résultats »..

Comment enlever ces 2 trucs ?

Inutile de chercher dans le paramétrage de WooCommerce (où vous pourrez configurer d’ailleurs la box de tri dans Woocommerce/Paramètres/Produits/Affichage) ou de Storefront.




L’affaire se règle par le css.

Il suffit d’aller dans l’éditeur du template et d’ajouter à la fin de la feuille css les instructions suivantes:

.woocommerce .woocommerce-ordering select {
display: none;
}

p.woocommerce-result-count {
display: none;
}

La première fait sauter la box de tri et la seconde la phrase

Home page woocommerce storefront nettoyée

Certains indiquent qu’il faut ajouter des instructions dans le fichier functions.php 

(function woocommerce_catalog_ordering() {
return;
}  )

mais outre le fait que c’est + compliqué de manipuler functions.php que la feuille de style .css , ceci enlève la box mais pas la phrase (qui du coup apparaît encore plus inutile).




Exemple pris sur la partie e-commerce du site de filtres à particules fines Ambianova

Sinon, voir aussi ici comment enlever le SKU et la catégorie sur la page Produit

Posted in

Laisser un commentaire

En savoir plus sur Tubbydev

Abonnez-vous pour poursuivre la lecture et avoir accès à l’ensemble des archives.

Poursuivre la lecture