WoodMart Product Filter Setup Tutorial : Guide de filtrage des prix, des marques et des attributs

en utilisant Thèmes WoodMartLors de la création d'un site web de centre commercial, le filtrage des produits est un élément essentiel du processus. Lorsque les acheteurs parcourent la boutique, ils peuvent rapidement trouver les bons produits, presque tous s'appuient sur les filtres dans la barre latérale. Le thème WoodMart est livré avec un puissant système de filtrage qui prend en charge le filtrage par prix, marque, couleur, taille, matériau et bien d'autres conditions, sans aucun plugin supplémentaire à installer.

Cet article vous explique pas à pas comment fonctionnent les filtres de WoodMart, comment définir des fourchettes de prix, des listes de marques et divers attributs de produits.

I. Plugin de base du filtre : WoodMart Product Screening Widget

Produits WoodMartfonction de filtrageIl s'appuie principalement sur ses propres widgets. Vous pouvez trouver un ensemble de modules de filtre appelé "WoodMart Layered Nav" dans Apparence → Widgets (ou Personnaliser → Widgets).

Pour activer ces modules, assurez-vous d'abord que la mise en page de votre boutique prend en charge les barres latérales, puis faites glisser ces widgets vers l'emplacement de la barre latérale de la boutique.

Deuxièmement, définir la fonction de filtrage des prix

Les filtres de prix sont l'une des fonctions les plus courantes et les plus utiles. woodMart propose un module de fourchette de prix coulissante qui permet aux utilisateurs de sélectionner librement une fourchette de prix.

Méthode de réglage :

Dans le menu de gauche, cliquez sur [Apparence] → [Widgets].
Trouvez-le."Filtres de la boutique"Cette zone, cliquez pour agrandir.
Cliquez "+"pour ajouter un nouveau gadget.
Rechercher dans la fenêtre contextuelle :Filtre de prix WoodMart peut-être Filtre de produits par prix.

Sélectionnez-le et cliquez sur Ajouter.
Saisissez un titre (par exemple, "Filtrer par prix") et cliquez sur [Mettre à jour] dans le coin supérieur droit pour enregistrer.

Une fois qu'il est affiché sur le frontend, l'utilisateur peut tirer le curseur de prix et sélectionner librement une fourchette de prix.

Si le contrôle des prix ne répond pas, vérifiez :

Tous les produits ont-ils un prix ?
Si le site a activé ou non le tri par défaut de WooCommerce
Si le filtrage Ajax est activé

Troisièmement, définir la fonction de filtrage de la marque

WoodMart prend en charge le filtrage des marques de produits de base, mais les marques elles-mêmes ne sont pas filtrées. WooCommerce Catégories par défaut. Vous devez d'abord créer l'attribut de marque.

Les étapes sont les suivantes :

Backend → Produits → Propriétés
Ajouter un nouvel attribut, tel que "marque".

Sur la page d'édition des produits, attribuez une marque à chaque produit.

Retour à Apparence → Widgets
Faites glisser le widget "WoodMart Layered Nav".
Sélectionnez l'attribut "Marque".

Une fois sauvegardé, le frontend affichera le filtre de la liste des marques

Ce module listera automatiquement toutes les marques, cliquez sur une marque pour filtrer les produits correspondants.

Si vous souhaitez que votre marque soit affichée sous la forme d'un logo, vous pouvez définir l'image de chaque élément de la marque dans "Produits → Propriétés → Marque".

Quatrièmement, définir la couleur, la taille et les autres attributs de filtrage

Les propriétés telles que la couleur et la taille sont définies de la même manière que le marquage :

Backend → Produits → Propriétés
Créez des noms de propriétés tels que "Couleur" ou "Taille".
Ajouter plusieurs sous-options, telles que rouge, bleu, vert ; ou S, M, L
Dans la page d'édition du produit, ajoutez ces valeurs d'attribut au produit
Retournez dans la zone des widgets et ajoutez le module "WoodMart Layered Nav".
Sélectionner l'élément de propriété correspondant

Requis si vous souhaitez que les couleurs apparaissent sous forme de blocs de couleur plutôt que de texte :

Dans les paramètres "Propriétés", réglez le type sur "Couleur".

Spécifiez la valeur de couleur correspondante pour chaque élément de couleur, par exemple #ff0000 pour le rouge.

Le frontend affiche alors le bloc de couleurs, cliquez sur le bloc de couleurs pour le filtrer.

V. Activer l'expérience de filtrage Ajax sans rafraîchissement

Soutien à WoodMart Filtrage AjaxCela signifie que la page ne sera pas rafraîchie dans son ensemble après que l'utilisateur a filtré les conditions, mais que la liste des produits ne sera que partiellement mise à jour, ce qui rend la navigation plus fluide.

Ouvrez la voie :

Backstage → WoodMart → Paramètres du thème
Allez dans les paramètres de l'"archive produit".

Recherchez "AJAX shop" et activez-le.

Sauvegarder les paramètres

Cette fonction est activée par défaut, mais si vous constatez que la page saute ou s'actualise globalement après le filtrage, vous pouvez venir ici pour vous assurer qu'elle est activée.

VI. optimiser l'ordre de filtrage et l'affichage

Dans le cas d'un plus grand nombre de produits et d'attributsboutiqueIl est recommandé d'y rationaliser l'ordre des filtres, par exemple :

Mettre le filtre de prix en premier
Ensuite, il y a la marque.
Ensuite, des attributs tels que la couleur et la taille
Enfin, cliquez sur le bouton Clear filters ("Réinitialiser les filtres").

Les utilisateurs peuvent ainsi naviguer l'esprit plus clair et risquent moins de passer à côté d'options clés.

En outre, les filtres de WoodMart peuvent être réduits et étendus, de sorte que si vous avez beaucoup de filtres, vous pouvez activer l'option "réduit" pour gagner de la place.

VII. résolution des problèmes courants

Problème 1 : Aucun produit ne s'affiche après un clic sur le filtre ?

Le produit n'a pas ajouté l'attribut correspondant
Produit de base non libéré
Faute d'orthographe d'attribut ou incohérence de la casse

Problème 2 : Le curseur de prix ne s'affiche pas ou glisse anormalement ?

Le prix du produit est fixé à 0 ou vide
Certains plugins de devises peuvent affecter la logique du curseur

Question 3 : Les produits disparaissent après avoir combiné plusieurs filtres ?

Il est possible qu'il n'y ait pas d'intersection entre les options
Il est recommandé de guider l'utilisateur pas à pas à travers le filtre et de réinitialiser les conditions à l'aide du bouton "Effacer le filtre".

résumés

Thèmes WoodMartLe système de filtrage intégré est très complet : le prix, la marque, la couleur, la taille, etc. peuvent être définis facilement, sans qu'il soit nécessaire d'installer des plug-ins supplémentaires. Tant que vous planifiez la structure des attributs, que vous configurez les widgets et que vous activez les filtres Ajax, vous pouvez créer une page d'achat avec une expérience fluide et une catégorisation claire.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.