WoodMart Theme Setup AJAX Product Filtering Tutorial

Si vous utilisez Thèmes WoodMartet que vous envisagez de créer un site web de commerce électronique, vous ne pouvez pas manquer le fait qu'il est accompagné d'un système de gestion de l'information et d'un système de gestion des données. AJAX Filtres de produits Fonction. Ce filtre permet aux clients de filtrer rapidement les produits par marque, prix, couleur, catégorie et autres dimensions sans avoir à rafraîchir la page, ce qui améliore l'efficacité de la navigation et réduit les taux de rebond.

Étape 1 : Assurez-vous que WooCommerce et le plugin WoodMart Core sont activés !

Pour utiliser le filtre AJAX, votre site doit d'abord comporter deux éléments :

1. Installé et activé WooCommerce plug-in (composant logiciel)
2. Installé et activé WoodMart Core Les plug-ins (qui sont au cœur de la fonctionnalité de WoodMart)

Si ces deux éléments ne sont pas installés, allez d'abord dans le backend [Plugins → Installer les plugins] pour les rechercher et les activer.

Étape 2 : Configurer les attributs et les catégories de produits

Les filtres reposent sur les "attributs" et les "catégories" d'un produit. Vous devez les définir avant que le système ne sache quoi filtrer.

La procédure est la suivante :

• Aller à [Produits → Propriétés] en arrière-plan
• Nouveaux attributs, par exemple couleur, taille, marque

• Cliquez sur "Configurer l'entrée" pour chaque attribut, par exemple ajoutez rouge, bleu, blanc pour les couleurs.

• Lors de la modification d'un produit, dans "Données produit → Propriétés", sélectionnez "Données produit → Propriétés".augmenteren outretiqueLes valeurs des attributs "pour les variantes de produits" (dans le cas de produits variables) et "visible".

Note : Les options pertinentes ne seront affichées dans le filtre que si l'élément utilise effectivement ces attributs.

Étape 3 : Créer une barre latérale de widgets avec des filtres

WoodMart recommande d'utiliser Elementor ou le panneau de widgets par défaut pour ajouter l'élémentFiltre (machine). Voici la version native de WordPressune barre latérale (dans un logiciel)A titre d'exemple :

• Allez dans [Apparence → Widgets] en arrière-plan
• localiser Barre latérale de la boutique(barre latérale de la boutique) ou créez votre propre zone de widgets !
• Faites glisser les gadgets suivants (à condition que WoodMart Core soit activé) :
  • WOODMART Filtre par attribut(pour filtrer les attributs tels que la couleur, la marque, etc.)
  • WOODMART Filtrer par prix(pour filtrer les fourchettes de prix)
  • WOODMART Categories Widget(pour le filtrage par produit)

• Chaque filtre peut être doté d'un titre, d'une méthode d'affichage (liste, liste déroulante, choix multiple) et d'autres options de style.
• Sauvegarder les paramètres

Étape 4 : Appliquer cette barre latérale à la page de la boutique

Vous devez maintenant faire en sorte que ce filtre apparaisse dans la bonne position sur la page.

Mode de fonctionnement :

• Allez dans le backend [WoodMart → Theme Settings → Layout→ Sidebar].
• Sélectionnez Gauche ou Droite dans le champ "Position de la barre latérale de la boutique".

• Sauvegarder les paramètres

Actualisez la page de liste des produits de votre site et vous verrez la barre latérale avec les filtres.

Étape 5 : Activer le filtrage AJAX

par défaut (réglage) WoodMart Le filtre est AJAX, ce qui signifie que le produit sera mis à jour automatiquement lorsque vous cliquerez sur l'option de filtre et que vous n'aurez pas besoin de rafraîchir la page. Mais vous pouvez également vérifier manuellement si la fonctionnalité concernée est activée.

1. Allez dans [WoodMart → Theme Settings → Product archive] dans le backend.
2. Vérifiez que les options suivantes sont activées :
   • Boutique AJAX
   • AJAX ajouter au panier
   • Commutation du réseau de produits (en option)

Ces fonctionnalités rendent l'ensemble de la page produit plus fluide et sans saut, améliorant ainsi l'expérience de l'utilisateur.

Étape 6 : Mise en place de filtres mobiles effondrés

afin d'équilibrermobilePour accéder à l'expérience, WoodMart propose un bouton "Filtre" pour les appareils mobiles qui fait apparaître une barre latérale lorsqu'on clique dessus.

Allez dans [Theme Settings → Layout], faites défiler jusqu'en bas et ouvrez-le :

• Bouton de filtre sur mobile
• Filtres hors toile pour les tablettes (active la barre latérale pop-up)

Les utilisateurs de téléphones mobiles peuvent ainsi appuyer sur un bouton pour appeler le panneau de filtrage, ce qui rend la page plus claire et plus facile à utiliser.

Dépannage

• Les clics du filtre ne répondent pas ?
  Vérifier si le mode AJAX est activé sur la page ou si un plugin de mise en cache intercepte les requêtes JS.
• Les options de filtrage ne s'affichent pas ?
  Assurez-vous que l'attribut ou la catégorie correspondant(e) a été appliqué(e) au produit, sinon le système ne générera pas l'élément de filtre.
• Mauvais style ?
  Essayez de vider votre mémoire cache ou de désactiver CSS Actualiser la page après avoir compressé la fonction de fusion.

résumés

WoodMart est livré avec des filtres de produits AJAX qui sont en fait très puissants et qui, lorsqu'ils sont bien utilisés, constituent un outil de conversion efficace. Vous devez définir les attributs et les catégories des produits à l'avance, puis mettre en place le filtre de produit dans la sectionune barre latérale (dans un logiciel)Vous pouvez ajouter les bons gadgets au système et créer un système de dépistage entièrement fonctionnel en quelques minutes.

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.