Rotozoom Product Filter — Manuel
Filtrage de produits AJAX ultra-rapide pour WooCommerce. Product Filter permet à vos clients d'affiner votre catalogue par catégorie, prix, attributs, stock et note — les résultats se mettent à jour instantanément, sans recharger la page. C'est un remplacement direct et sans dépendances de WBW Product Filter.
- Version gratuite : filtrage AJAX complet, curseur de prix, filtres de stock/note, contexte de catégorie, jusqu'à 4 attributs actifs.
- Version Pro : attributs illimités et compatibilité totale avec le thème XStore.
- Prix Pro : 47 € / an par site.
Pour les débutants : ce que fait ce plugin
Lorsqu'une boutique compte plus de quelques produits, les clients ont besoin d'un moyen de trouver rapidement ce qu'ils veulent. Un filtre est le panneau — généralement à gauche de la page boutique — avec des cases à cocher et des curseurs comme Prix, Couleur ou Marque. À mesure que le client coche des cases, la grille de produits se réduit.
Product Filter ajoute ce panneau à votre boutique et le rend instantané : la grille se met à jour dès qu'une case est cochée, sans rechargement de page. Il conserve aussi les filtres choisis dans l'adresse web (l'URL), pour qu'un client puisse mettre en favori ou partager une vue filtrée.
Configuration
1. Préparez vos données
Les filtres ne valent que ce que valent vos données produit, alors assurez-vous d'abord que vos produits ont :
- Des catégories attribuées (sous chaque produit ou via Produits → Catégories).
- Des attributs comme Couleur, Taille, Puissance, Culot (définis sous Produits → Attributs, puis attribués aux produits).
Astuce : gardez les slugs d'attributs en lettres ASCII simples (par exemple
socket,wattage). Les slugs non latins peuvent être mal encodés dans l'URL.
2. Placez le filtre
Ajoutez le filtre à votre boutique avec le shortcode [avs_filter]. Placez-le dans une zone de widget (comme une barre latérale de boutique) ou directement sur une page ou un template de catégorie, selon votre thème. Le filtre respecte automatiquement la page sur laquelle il se trouve — sur une page de catégorie, il filtre au sein de cette catégorie.
3. Choisissez les filtres à afficher
Dans les réglages du plugin, vous choisissez quels contrôles apparaissent — catégories, fourchette de prix, attributs individuels, statut de stock et note — et dans quel ordre.
Référence des fonctionnalités
Filtrage AJAX avec synchronisation de l'URL
Chaque changement de filtre déclenche une requête AJAX — un appel en arrière-plan au serveur qui ne renvoie que les produits correspondants et les insère dans la grille, sans rechargement complet de la page. Les filtres actifs sont écrits dans l'URL, de sorte que :
- Le bouton Retour du navigateur fonctionne comme prévu.
- Une vue filtrée peut être mise en favori ou partagée.
- Arriver directement sur une URL filtrée affiche les bons résultats, déjà filtrés.
Curseur de fourchette de prix
Un curseur à deux poignées permet aux clients de définir un prix minimum et maximum. La fourchette s'adapte aux produits actuellement visibles.
Filtres d'attributs
Chaque attribut WooCommerce peut devenir un groupe de filtres (cases à cocher). Les clients peuvent en combiner plusieurs — par exemple Culot : E27 et Température de couleur : Blanc chaud — pour affiner les résultats avec précision.
- Free : jusqu'à 4 filtres d'attributs actifs à la fois.
- Pro : filtres d'attributs illimités — idéal pour les catalogues techniques aux nombreuses propriétés.
Filtres de stock, de note et spéciaux
Filtres intégrés au-delà des attributs :
- En stock — masquer les articles en rupture.
- Note — n'afficher que les produits à partir d'une note en étoiles.
- En promotion / en vedette — mettre en avant les promotions.
Contexte de page de catégorie
Lorsque le filtre se trouve sur une archive de catégorie, il limite automatiquement les résultats à cette catégorie, de sorte que les clients affinent au sein de la section qu'ils parcourent plutôt que sur toute la boutique.
Free vs Pro en un coup d'œil
| Fonctionnalité | Free | Pro |
|---|---|---|
| Filtrage AJAX avec synchronisation de l'URL | ✓ | ✓ |
| Curseur de fourchette de prix | ✓ | ✓ |
| Filtres de stock, de note et spéciaux | ✓ | ✓ |
| Contexte de page de catégorie | ✓ | ✓ |
| Filtres d'attributs actifs | jusqu'à 4 | illimités |
| Compatibilité thème XStore | — | ✓ |
Notes avancées
- Compatibilité XStore (Pro) : XStore génère les pages boutique avec son propre balisage ; Pro inclut une intégration spécifique pour que le filtre s'accroche correctement à la grille de produits et à l'AJAX de XStore. Sur les thèmes standard/génériques, le filtre fonctionne sans cela.
- Requêtes pilotées par l'URL : les filtres modifient la requête principale de produits, de sorte que les résultats sont de vraies requêtes WooCommerce (pagination, tri et comptes corrects) plutôt qu'une astuce d'affichage/masquage côté client.
- Performance : le filtrage utilise le contexte de catégorie pour garder les requêtes ciblées et rapides, même sur de grands catalogues.
Dépannage
- Un attribut n'est pas proposé comme filtre — vérifiez qu'il s'agit d'un attribut global (sous Produits → Attributs) et qu'il est attribué aux produits ; en Free, n'oubliez pas la limite de 4 attributs.
- Les URL filtrées semblent cassées ou doublement encodées — vérifiez que les slugs d'attributs sont en ASCII simple.
- Le filtre apparaît sans style sur XStore — XStore a besoin de l'intégration Pro ; connectez votre licence Pro.
Pour connecter une licence Pro, consultez Installer et mettre à jour les plugins.