Le filtre Ajax du thème WoodMart optimise la navigation des produits

WoodMart Thème intégré Ajax Fonction de filtrage : les utilisateurs n'ont pas besoin de rafraîchir la page lorsqu'ils sélectionnent des conditions de filtrage ; la liste des produits peut être mise à jour instantanément afin d'améliorer l'efficacité de la navigation.

Aperçu du filtrage Ajax

Ajax Le filtrage permet aux visiteurs d'ajuster les critères de filtrage sans rafraîchir la page et d'afficher rapidement les produits qui répondent à leurs exigences. Comparé à la méthode traditionnelle de rechargement de la page, ce mode de filtrage est plus fluide, ce qui permet de réduire le temps d'attente et d'améliorer l'efficacité des achats.

Scénarios applicables :

• Clothing Mall : Filtrer les produits par couleur, taille, marque
• Magasin d'électronique : filtrer les appareils par gamme de prix, par marque et par spécification
• Commerce électronique de produits de beauté et de soins : filtrer les produits par ingrédients, efficacité et prix

Activer le filtrage Ajax

1. entrer dans les paramètres du thème WoodMart

• spectacle (un billet) WordPress Backend → WoodMart → Paramètres du thème
• existent Archives des produits pour activer le filtrage Ajax

2. la configuration WooCommerce widgets

• entrer dans Apparence → Widgets
• existent Barre latérale WooCommerce Ajouter les composants de filtre suivants :
  • Filtres de navigation hiérarchique de WooCommerce(Filtré par classification)
  • Filtre de prix WooCommerce(curseur de la fourchette de prix)
  • Filtrage des propriétés de WooCommerce(par exemple, couleur, taille, marque)

3. définir la portée du filtrage Ajax

• existent Paramètres du thème → Général → Recherche Activer la recherche Ajax

• existent Paramètres du thème → Général → Recherche Activer la recherche Ajax

Optimiser les options de filtrage pour le filtrage Ajax

1. visualisation des filtres pour la couleur, la taille, etc.

Par défaut, leWooCommerce Le filtrage des variantes peut être affiché sous forme de texte ou de liste déroulante. Il est possible d'activer WooCommerce Variation Swatches Plug-ins qui adaptent le filtrage à des formes visuelles telles que des blocs de couleur, des boutons, des images, etc.

Mode de fonctionnement :

• entrer dans WooCommerce → Produits → PropriétésSélectionnez les attributs à optimiser, tels que la couleur ou la taille.

• existent Type d'affichage Dans les options, lire Blocs de couleur, images ou boutons

• existent Page d'édition du produitVoici une liste des variantes qui peuvent être utilisées dans la présentation de la variante.

De cette manière, le Ajax Lors du filtrage, les visiteurs peuvent sélectionner intuitivement les couleurs ou les tailles sans avoir à lire une liste de texte, ce qui augmente l'efficacité du filtrage.

2. optimisation du curseur du filtre de prix

• entrer dans Apparence → Widgets
• Dans la barre latérale de WooCommerce, ajoutez le fichierWidget de filtre de propriété

• Ajustez la taille du pas de la fourchette de prix pour éviter qu'elle ne soit trop granulaire et qu'il soit difficile de faire glisser le curseur.

3. l'examen de la classification des produits de base

Si le site comporte un grand nombre de catégories de produits, vous pouvez utiliser l'option Filtres de navigation hiérarchiqueCela permet de réduire et de développer différents niveaux de catégorisation, ce qui réduit la longueur de la liste de filtres et rend la méthode de filtrage plus concise.

Guide de l'utilisateur amélioré pour le filtrage

1. ajouter un bouton d'effacement de filtre

Après avoir filtré un trop grand nombre d'options, l'utilisateur peut souhaiter réinitialiser rapidement tous les filtres. Cela peut être fait dans la fenêtre Ajax Le champ filtre ajoute "Un dépistage clair" qui permet à l'utilisateur de revenir rapidement à la liste de produits par défaut.

2. définir les options de filtrage par défaut

existent WooCommerce → Tous les produits → Propriétés vous pouvez définir l'option Tri par défaut

résumés

Ajax La fonction de filtrage peut améliorer l'efficacité du filtrage du site web de commerce électronique, de sorte que les utilisateurs n'ont pas besoin de rafraîchir la page après avoir sélectionné les conditions de filtrage pour voir les produits éligibles. Par Optimiser les options de filtrage, ajuster les méthodes de filtrage, améliorer la vitesse de chargement, améliorer les conseils de filtrage Les mesures de ce type peuvent permettre WoodMart Les thèmes offrent une expérience de filtrage plus fluide et améliorent les taux de conversion.