Il peut être pour vos clients d’avoir la possibilité de filtrer les produits d’une catégorie selon des critères que vous aurez défini.

Dans cet exemple, j’ai choisi de vendre des téléphones. J’ai donc créé sur ma boutique WPShop une catégorie « téléphones » dans laquelle je vais ajouter une recherche par filtre. Pour mon exemple, j’ai choisi de proposer un filtrage sur la marque du téléphone et sur son système d’exploitation.

 

Configuration des attributs

Je commence par créer mon attribut « Système d’exploitation » dans « Entités –> Attributs », il est de type « Liste déroulante » et je lui affecte mes valeurs, ici, les systèmes d’exploitation des téléphones présents dans mon catalogue (IOS, Android ou Windows Phone).

attribut_systeme_exploitation

Ensuite, allez dans la partie options de l’attribut et cochez la case « Filtrable » :

filtrable

Je réalise ensuite la même opération pour mon attribut « Marque ». Vous pouvez également rendre filtrable les attributs existants dans WPShop ( Prix, Poids, … ).

Création des produits

Lorsque vous créez votre produit, pensez à sélectionner les valeurs des attributs à filtrer :

choix_attributs_filtrables

Configuration de la catégorie

Une fois tous vos produits configurés, vous devez choisir dans la catégorie WPShop quels attributs filtrables vous souhaitez utiliser. Seuls les attributs utilisés au moins dans un produit de la catégorie seront affichés :

configuration_attribut_categorie

Configuration du fichier de votre thème

Une fois toutes ces configurations faites, il vous reste à ajouter le shortcode qui affichera la recherche par filtre dans le fichier de votre thème.

Pour mon cas, j’ai ajouté dans le fichier « taxonomy-wpshop_product_category.php » le code suivant :

<?php echo do_shortcode(‘ [ wpshop_filter_search ] ‘); ?>

et vous verrez alors apparaitre votre module de recherche par filtre.

recherche_filtre_wpshop

Ensuite si je fais mon test en faisant un filtrage « Système d’exploitation : Android / Marque : Samsung »,  j’ai bien mes 2 produits correspondants aux critères qui s’affichent.

filtre_sur_produits

Pour finir, vous pouvez également adapter la présentation de votre module de recherche par filtre en ajoutant quelques règles CSS.amelioration_css_filtrage

 

Dernière mise à jour le 4 mars 2015

Documentation Crée le 13 janvier 2014 par L'admin

Mon panier
Votre panier est vide