FacetWP – Range List

Liste de Plage : Un Guide Complété pour Filtrer par Intervalles Numériques

La Liste de Plage est un outil puissant permettant de filtrer des résultats selon des intervalles de valeurs numériques personnalizés. Que vous souhaitiez filtrer des prix, des poids ou d’autres valeurs numériques, cet outil facilite la tâche, rendant la navigation plus intuitive pour les utilisateurs. Avec des options de présentation variées, allant des cases à cocher aux boutons radio en passant par des menus déroulants, la Liste de Plage peut être adaptée précisément aux besoins de votre site web.

Développement

Les Avantages de la Liste de Plage

L’utilisation de la Liste de Plage présente plusieurs avantages notables :

• Filtration Précise : Elle permet aux utilisateurs de sélectionner des plages spécifiques de valeurs, ce qui rend leur recherche de produits ou d’informations plus ciblée.
• Interactivité : Des choix interactifs, comme les cases à cocher ou les menus déroulants, rendent l’expérience utilisateur plus attrayante.
• Adaptabilité : Cette fonctionnalité peut s’ajuster à divers types de données, qu’il s’agisse de prix, de niveaux de stocks, ou d’autres mesures quantifiables.

Configuration de la Liste de Plage

Pour établir une Liste de Plage, plusieurs points clés doivent être pris en compte.

• Source de Données : Identifiez où se trouvent vos données. Cela peut être dans une taxonomie, un champ personnalisé ou un attribut de post. L’élément fondamental est qu’il doit s’agir de valeurs numériques.

• Création d’Intervalles : Le choix des plages est crucial. Vous devez définir plusieurs intervalles en spécifiant les valeurs minimales et maximales. Chaque intervalle correspondra à un choix dans votre facette. Par exemple, si vous créez un filtre pour le prix, vous pourriez établir les plages suivantes :

• 0 – 50 €
• 51 – 100 €
• 101 – 200 €

L’interface vous permet d’indiquer des labels personnalisés pour chaque plage, améliorant ainsi la clarté pour les utilisateurs.

• Type d’UI : Vous avez la possibilité de choisir comment l’interface utilisateur va apparaître. Les options incluent des cases à cocher, des boutons radio, ou un menu déroulant. Si vous optez pour le type d’interface “fSelect”, des personnalisations supplémentaires sont également possibles, comme changer le texte du champ de recherche ou le message affiché en cas de résultats nuls.

• Logique de Facette : Quand vous configurez votre facette, vous aurez également l’option de définir la logique entre les choix. Cela conditionne le fonctionnement du filtre, par exemple, si un utilisateur sélectionne plusieurs plages.

• Affichage des Fantômes : La notion de “fantômes” est un aspect important à comprendre dans l’utilisation de la Liste de Plage. Un “fantôme” est une option de facette qui apparaît dans les résultats, même si elle n’a pas de résultat associé après filtrage. En activant l’option “Afficher les fantômes”, ces choix seront visibles mais non cliquables si aucun résultat n’y correspond. C’est une fonctionnalité utile qui aide les utilisateurs à comprendre pourquoi certains résultats ne s’affichent pas.

Création et Gestion des Intervalles

L’établissement des intervalles est un processus fondamental. Lorsque vous configurez des plages, il est possible de laisser le champ “Min” vide. Dans ce cas, la valeur minimale de la plage précédente est utilisés. Par exemple :
– Si la première plage commence à 0 et que le champ “Min” pour la deuxième plage est vide, alors cette dernière commencera de 0 jusqu’à la valeur maximale de la plage précédente.

De plus, depuis la version 0.9 de l’ajout, il est possible d’utiliser des nombres décimaux pour définir des valeurs minimales et maximales. Il suffit d’utiliser un point pour séparer les décimales, sans espaces ni séparateurs de milliers.

Implementation CSS et Visibility

Pour personnaliser l’apparence de votre Liste de Plage, du CSS peut être utilisé. Si vous souhaitez masquer les compteurs de vos facettes, cela dépend bien sûr du type d’UI que vous utilisez. Par exemple, si l’UI est réglé sur “Checkboxes”, des styles CSS appropriés doivent être ajouté à votre fichier style.css :

css
.facetwp-count { display: none; }

Cette ligne de code cachera les compteurs pour tous les types de facette configurés en tant que Checkboxes ou Radio.

Exemples d’Utilisation

Imaginons que vous gériez un site de vente en ligne. Une Liste de Plage pourrait être incroyablement bénéfique pour vos utilisateurs. Par exemple, en utilisant ce filtre pour les prix, les clients peuvent facilement affiner leur recherche pour trouver des produits qui correspondent à leur budget.

Vous avez le choix de créer des plages comme :
– Moins de 20 €
– Entre 20 € et 50 €
– Entre 51 € et 100 €
– Plus de 100 €

Cela rend le processus d’achat plus fluide et agréable, car il aide votre client à naviguer parmi les produits sans être submergé par trop d’options.

Les Fantômes dans la Pratique

Dans un contexte où vous activez l’option “Afficher les fantômes”, imaginez qu’un utilisateur choisisse des produits à un certain prix et que certains prix intermédiaires ne glaient pas de résultats. Ces fantômes permettront à l’utilisateur de comprendre visuellement qu’il n’existe pas de produit dans ces plages, lui donnant une meilleure idée des choix disponibles. Par exemple, si un utilisateur filtre pour des appareils électroniques avec un budget de 300 €, les plages qui pourraient ne pas contenir de produits deviendraient visibles, mais grises, à l’attention de l’utilisateur.

Cet aspect visuel est essentiel et aide à maintenir l’interface utilisateur claire et utile, augmentant ainsi les chances d’achat.

Conclusion

En somme, la Liste de Plage représente un outil indispensable pour les sites gérant des données numériques. Sa capacité à filtrer efficacement des plages de valeurs, à améliorer l’interaction des utilisateurs et à s’adapter à différents types d’interfaces en fait une solution flexible et attractive. Avec les bonnes configurations et personnalisations, elle peut transformer l’expérience de navigation en ligne, rendant les recherches plus ciblées et moins chaotiques. En intégrant des éléments comme les fantômes, vous offrez une compréhension accrue des options, aider à maximiser l’engagement des utilisateurs et, finalement, à booster les conversions sur votre site.