WooCommerce Active Product Filters Block User Guide

Dans les sites de commerce électronique modernes, la fonction de filtrage des produits est un outil essentiel.WooCommerce Un certain nombre de blocs de filtres sont fournis, dont les filtres de produits actifsdépistageLe bloc "Ware" est utilisé pour afficher la fonction utilitaire "Conditions sélectionnées".

Cet article vous explique ce que fait ce bloc, comment l'ajouter, où le placer, et vous donne quelques conseils pratiques.

Qu'est-ce que le bloc Filtres de produits actifs ?

Ce bloc est utilisé pour afficher les filtres actuellement sélectionnés par l'utilisateur, tels que la couleur, la marque ou la fourchette de prix. L'utilisateur peut cliquer sur un filtre pour le supprimer ou le réinitialiser à l'aide du bouton "Tout effacer".

Il convient de rappeler qu'il ne s'agit pas d'un outil de filtrage en soi, son rôle étant de coopérer avec d'autres filtres pour indiquer l'état actuel du filtrage.

Façons d'ajouter ce bloc

Le mode de fonctionnement est le suivant :

• spectacle (un billet) WordPress sélectionnez l'emplacement où vous souhaitez l'ajouter.
• Ajoutez un nouveau bloc, recherchez "Active Product Filters" et insérez-le.

• S'il n'y a pas encore d'autres filtres sur la page, ce bloc affiche un espace vide ou un espace réservé.

• Le bloc n'affichera le contenu sur le front-end que si l'utilisateur effectue un filtrage.

Filtres à utiliser avec

Pour que ce bloc fonctionne correctement, la page doit comporter au moins un élément de type WooCommerce Blocs de filtres fournis, y compris :

• Filtrer les produits par prix
• Filtrer les produits par attribut, par exemple la couleur, la taille

• Filtrer les produits par stock

Vous pouvez combiner ces filtres en fonction de vos besoins réels et les associer à des filtres de produits actifs pour compléter le contenu de la page.

Styles et options de réglage

Bien que ce bloc ne comporte pas beaucoup de paramètres, les fonctions de base sont suffisantes :

• Mode d'affichageLes onglets (Chips), plus adaptés à une mise en page claire, sont également possibles.

• Niveau du titrePersonnalisable : PersonnalisablelégendeLes hiérarchies, telles que H3, H4, etc., sont utilisées en conjonction avec la structure de la page.

• CSS nom de la classeLe nom d'une classe personnalisée peut être saisi et utilisé pour écrire un code de style afin d'embellir davantage l'interface.

Placement recommandé

L'approche la plus recommandée consiste à placer ce bloc sur la page du magasin, à côté des filtres.

Par exemple, si vous placez le filtre sur le côté gauche de la page, il peut également être placé sous le côté gauche ; si le filtre est en haut, il est placé immédiatement en dessous.

Cette présentation est plus claire, ne provoque pas d'interférences visuelles sur la page, mais permet également aux utilisateurs de consulter à tout moment l'état actuel du dépistage.

Recommandations d'utilisation

• Ce bloc doit être utilisé avec d'autres filtres, sinon rien ne sera affiché.

• Ajouter aussi loin que possible sous le filtre sans perturber la mise en page.
• Les étiquettes sont plus faciles à lire sur les téléphones portables et conviennent aux écrans de petite taille.

Questions fréquemment posées

Q : Puis-je utiliser ce bloc seul ?
Non. Il dépend d'autres filtres, et s'il n'y a pas de filtres sur la page, le contenu ne sera pas affiché.

Q : Pourquoi ce bloc n'apparaît-il pas dans le frontend ?
Il ne s'affiche pas lorsque l'utilisateur n'a pas encore sélectionné les critères de filtrage. Dès qu'il y a un comportement de filtrage, le bloc apparaît.

Q : Où est-il proposé de placer ce bloc ?
Il est recommandé de le placer dans la page de présentation du produit (page Shop), au même endroit que les filtres, afin de faciliter leur utilisation conjointe.

résumés

Le bloc Filtres de produits actifs est un widget très utile qui permet aux clients de voir clairement les filtres sélectionnés et de les supprimer facilement.

Utilisez-le avec d'autres outils tels que le filtre de prix, le filtre d'attributs, le filtre d'inventaire, etc. pour un processus de navigation global plus fluide.

Si vous construisez WooCommerce Mall, il est fortement recommandé d'utiliser ce bloc pour rendre la fonction de filtrage plus complète et plus intuitive.

Si vous avez besoin d'ajouter des styles, vous pouvez également combiner CSS Ajustez l'affichage. Si vous voulez en savoir plus sur les tutoriels WooCommerce, n'hésitez pas à suivre le réseau photon fluctuation, nous continuons à partager les connaissances liées à la construction de sites web WordPress.

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.