MAGENTO 2 · LISTE DE PRODUITS · FILTRES RAPIDES · AMASTY
Kowal Tags Bar
Affichez une barre de tags au-dessus des catégories et des résultats de recherche. Utilisez un attribut dropdown pour sélectionner une collection, un style ou un usage avant que le client n’emploie d’autres filtres.
Un tag actif · Masquage des options vides · Liens Magento ou Amasty
COMMENT CELA FONCTIONNE EN PRATIQUE
01 · Vous préparez l’attribut
Vous créez les options dropdown et les affectez aux produits.
02 · Vous choisissez le mode des liens
Vous utilisez les paramètres standard ou les adresses Amasty.
03 · Le client sélectionne un tag
La barre mène à la liste avec le filtre choisi.
Découvrez les fonctionnalités, les usages et les paramètres du module.
Kowal Tags Bar ajoute au-dessus du listing produits (catégorie / moteur de recherche) une barre de tags fonctionnant comme un filtre rapide pour un attribut de type dropdown (select). La solution est indépendante de l’apparence de la navigation à facettes : les tags sont toujours affichés au-dessus des produits, ce qui convient parfaitement aux boutiques où les clients attendent des filtres rapides dans l’esprit marketplace.
Principales fonctionnalités :
Dropdown = sélection unique (comportement simple : un seul tag actif à la fois).
Masquage des tags vides: le module affiche uniquement les options qui ont des résultats dans la catégorie actuelle et ses sous-catégories (le tag actif reste toujours visible afin de pouvoir le désactiver).
Deux modes de liens:
Default (Magento): paramètre standard ?tags=ID
Amasty: récupère les URL SEO depuis la couche de filtres (Shopby) et les utilise dans les tags.
Configuration de l’apparence dans le panneau : couleurs de police, d’arrière-plan et de bordure (également séparément pour le tag actif), ainsi que textes personnalisés de type Tags : et Tous.
Journalisation diagnostique (facilite le déploiement sur des thèmes personnalisés / configurations de filtres spécifiques).
Le module est idéal pour les boutiques avec un grand nombre de produits, où les clients choisissent d’abord le style / la collection / l’usage, puis affinent ensuite les autres filtres.
Stores → Configuration → Kowal → Tags Bar permet d’activer le module et de définir Attribute code, URL mode et les textes Tags et Tous. L’attribut par défaut est tags et le mode des liens est default.
Préparez les options d’un attribut select, attribuez les valeurs aux produits et rendez-le filtrable dans la liste. La barre crée un lien vers le filtre ; la navigation Magento ou Amasty configurée assure le filtrage correct des produits.
Le nombre de résultats repose sur la collection de la liste courante. Dans une catégorie, le code prend aussi en compte les affectations à cette catégorie et à ses sous-catégories ; en recherche, il utilise la collection courante des résultats. Les options inactives sans résultat sont masquées.
Le tag actif reste disponible pour être désactivé. En mode default, le lien Tous supprime le paramètre de cet attribut tout en conservant les autres paramètres de l’adresse, comme le tri. Il ne réinitialise pas globalement tous les filtres.
Le mode amasty lit les adresses d’ajout et de suppression dans la couche de filtres active. Si l’adresse d’une option est indisponible, le module utilise le paramètre URL standard. La compatibilité dépend de la configuration de Shopby et de ses adresses SEO.
Vous définissez séparément les couleurs du texte, du fond et du cadre des tags normaux et actifs. La barre est intégrée au layout des catégories et de la recherche ; un thème avec une structure différente peut nécessiter d’adapter son emplacement.
Package kowal/module-amastytagsbar, module Kowal_AmastyTagsBar. Après avoir configuré l’accès au dépôt Kowal, installez le package, activez le module, mettez Magento à jour et videz le cache. En production, prévoyez la compilation et le déploiement du contenu statique conformément au processus de la boutique.
1. Vous préparez l’attribut
Vous créez les options dropdown et les affectez aux produits.
2. Vous choisissez le mode des liens
Vous utilisez les paramètres standard ou les adresses Amasty.
3. Le client sélectionne un tag
La barre mène à la liste avec le filtre choisi.
Les produits reçoivent un tag de collection. Au-dessus de la liste, le client voit les options disponibles et choisit celle qui l’intéresse.
Il peut désactiver le tag actif ou choisir Tous. Le module gère une seule valeur d’attribut : il ne permet pas de sélectionner plusieurs tags simultanément.
Vous souhaitez adapter le module à votre boutique ? Demandez le déploiement de Kowal Tags Bar et discutez de la configuration ou des extensions nécessaires.
| Compatibilité avec le modèle | Luma / Blank, KOWAL |
|---|
Les données d’accès au dépôt Composer (adresse e-mail du client et jeton de licence) vous seront envoyées par e-mail après l’achat. Elles sont également disponibles dans l’espace client après connexion sur kowal.store. Remplacez TWOJ_EMAIL_KLIENTA par l’adresse e-mail de votre compte et TWOJ_TOKEN par le jeton reçu. Exécutez les commandes dans le répertoire racine de Magento.
composer config repositories.kowal composer https://repo.kowal.store
composer config http-basic.repo.kowal.store "TWOJ_EMAIL_KLIENTA" "TWOJ_TOKEN"
composer require kowal/module-amastytagsbarAprès l’installation du package, exécutez la mise à jour de Magento et videz le cache :
php bin/magento setup:upgrade
php bin/magento cache:flushEn environnement de production, effectuez également la compilation DI et le déploiement des fichiers statiques conformément au processus de déploiement de la boutique.
Dans la boutique smmash.pl, le client arrive sur des catégories de vêtements de sport, où la décision d’achat commence souvent par un choix rapide : discipline, collection, usage (par ex. « BJJ », « MMA », « musculation », « outdoor »). La navigation à facettes classique est correcte, mais nécessite d’ouvrir les filtres latéraux et d’effectuer plusieurs clics.
La mise en œuvre de Kowal Tags Bar a ajouté au-dessus du listing une barre de « tags » basée sur un attribut dropdown (par ex. « Sport / Collection »). Effets :
l’utilisateur voit immédiatement les choix les plus importants et filtre la liste en un clic,
les frustrations liées aux clics sur des filtres sans résultats ont disparu (les tags sans produits ne s’affichent pas),
en mode Amasty, les liens sont compatibles SEO et cohérents avec la structure d’URL existante,
la lisibilité du listing sur mobile s’améliore, car le filtre le plus important est « au-dessus des produits » et non caché dans un panneau latéral.
