MAGENTO 2 · PRODUKTLISTE · SCHNELLFILTER · AMASTY
Kowal Tags Bar
Zeigen Sie eine Tag-Leiste über Kategorien und Suchergebnissen. Nutzen Sie ein Dropdown-Attribut für Kollektion, Stil oder Verwendungszweck, bevor Kunden weitere Filter einsetzen.
Ein aktiver Tag · Leere Optionen ausblenden · Magento- oder Amasty-Links
SO FUNKTIONIERT ES IN DER PRAXIS
01 · Attribut vorbereiten
Dropdown-Optionen erstellen und Produkten zuweisen.
02 · Linkmodus auswählen
Standardparameter oder Amasty-Adressen verwenden.
03 · Der Kunde wählt einen Tag
Die Leiste führt zur Liste mit dem gewählten Filter.
Entdecken Sie die Funktionen, Einsatzmöglichkeiten und Einstellungen des Moduls.
Kowal Tags Bar fügt oberhalb des Produktlistings (Kategorie / Suche) eine Tag-Leiste hinzu, die als Schnellfilter für ein einzelnes Attribut vom Typ Dropdown (Select)funktioniert. Die Lösung ist unabhängig vom Erscheinungsbild der Layered Navigation — die Tags werden immer oberhalb der Produkte angezeigt, was sich besonders gut für Shops eignet, in denen Kunden ‘Schnellfilter’ im Marketplace-Stil erwarten.
Wichtigste Funktionen:
Dropdown = Einzelauswahl (einfaches Verhalten: jeweils nur ein Tag aktiv).
Ausblenden leerer Tags: Das Modul zeigt nur die Optionen an, die Ergebnisse in der aktuellen Kategorie und den Unterkategorien haben (der aktive Tag bleibt immer sichtbar, damit er deaktiviert werden kann).
Zwei Link-Modi:
Default (Magento): Standardparameter ?tags=ID
Amasty: Ruft SEO-URLs aus der Filterebene (Shopby) ab und verwendet sie in den Tags.
Konfiguration des Erscheinungsbilds im Adminbereich: Schrift-, Hintergrund- und Rahmenfarben (auch separat für den aktiven Tag) sowie eigene Texte wie ‘Tags:’ und ‘Alle’.
Diagnose-Logging (erleichtert die Implementierung in individuellen Themes / Filterkonfigurationen).
Das Modul ist ideal für Shops mit einer großen Anzahl von Produkten, bei denen Kunden zunächst ‘Stil / Kollektion / Verwendungszweck’ auswählen und erst danach weitere Filter präzisieren.
Unter Stores → Configuration → Kowal → Tags Bar aktivieren Sie das Modul und legen Attribute code, URL mode sowie die Texte für Tags und Alle fest. Standardattribut ist tags, Standardlinkmodus ist default.
Erstellen Sie Optionen für ein select-Attribut, weisen Sie Werte Produkten zu und machen Sie es im Listing filterbar. Die Leiste verlinkt auf den Filter; die konfigurierte Magento- oder Amasty-Navigation sorgt für die korrekte Produkteingrenzung.
Die Ergebnisanzahl basiert auf der Sammlung des aktuellen Listings. In Kategorien berücksichtigt der Code auch Kategorie- und Unterkategoriezuordnungen; bei der Suche nutzt er die aktuelle Ergebnissammlung. Inaktive Optionen ohne Ergebnisse werden ausgeblendet.
Der aktive Tag bleibt zum Deaktivieren verfügbar. Im Modus default entfernt der Link Alle den Parameter dieses Attributs und behält andere URL-Parameter, etwa die Sortierung, bei. Er setzt nicht sämtliche Filter zurück.
Der Modus amasty liest die Adressen zum Hinzufügen und Entfernen aus der aktiven Filterschicht. Ist die Adresse einer Option nicht verfügbar, verwendet das Modul den Standard-URL-Parameter. Die Kompatibilität hängt von Shopby-Konfiguration und SEO-Adressen ab.
Text-, Hintergrund- und Rahmenfarben legen Sie getrennt für normale und aktive Tags fest. Die Leiste wird in Kategorie- und Suchlayouts eingebunden; bei anders aufgebauten Themes kann eine Positionsanpassung erforderlich sein.
Paket kowal/module-amastytagsbar, Modul Kowal_AmastyTagsBar. Nachdem Sie den Zugriff auf das Kowal-Repository konfiguriert haben, installieren Sie das Paket, aktivieren das Modul, aktualisieren Magento und leeren den Cache. Berücksichtigen Sie in der Produktionsumgebung die Kompilierung und Bereitstellung statischer Inhalte gemäß dem Bereitstellungsprozess des Shops.
1. Attribut vorbereiten
Dropdown-Optionen erstellen und Produkten zuweisen.
2. Linkmodus auswählen
Standardparameter oder Amasty-Adressen verwenden.
3. Der Kunde wählt einen Tag
Die Leiste führt zur Liste mit dem gewählten Filter.
Produkte erhalten einen Kollektionstag. Über dem Listing sieht der Kunde verfügbare Optionen und wählt die gewünschte aus.
Er kann den aktiven Tag deaktivieren oder Alle auswählen. Das Modul verarbeitet einen einzelnen Attributwert, keine gleichzeitig ausgewählte Tag-Gruppe.
Möchten Sie das Modul an Ihren Shop anpassen? Implementierung von Kowal Tags Bar anfragen und besprechen Sie die Konfiguration oder benötigte Erweiterungen.
| Übereinstimmung mit der Vorlage | Luma / Leer, KOWAL |
|---|
Die Zugangsdaten zum Composer-Repository, also die E-Mail-Adresse des Kunden und das Lizenz-Token, erhalten Sie nach dem Kauf per E-Mail. Sie sind außerdem nach dem Login im Kundenpanel unter kowal.storeauch im Kundenkonto verfügbar. Ersetzen Sie TWOJ_EMAIL_KLIENTA durch die E-Mail-Adresse Ihres Kontos und TWOJ_TOKEN durch den erhaltenen Token. Führen Sie die Befehle im Magento-Stammverzeichnis aus.
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-amastytagsbarFühren Sie nach der Installation des Pakets ein Magento-Update durch und leeren Sie den Cache:
php bin/magento setup:upgrade
php bin/magento cache:flushIn der Produktionsumgebung führen Sie außerdem die DI-Kompilierung sowie die Bereitstellung statischer Dateien gemäß dem Deployment-Prozess Ihres Shops durch.
Im Shop smmash.pl gelangt der Kunde zu Kategorien mit Sportbekleidung, in denen die Kaufentscheidung häufig mit einer schnellen Auswahl beginnt: Disziplin, Kollektion, Verwendungszweck (z. B. „BJJ“, „MMA“, „Fitnessstudio“, „Outdoor“). Die klassische Layered Navigation ist korrekt, erfordert jedoch das Öffnen der Seitenfilter und mehrere Klicks.
Die Implementierung von Kowal Tags Bar ergänzte oberhalb des Listings eine auf einem Dropdown-Attribut basierende „Tag“-Leiste (z. B. „Sport / Kollektion“). Ergebnisse:
Nutzer sehen die wichtigsten Optionen sofort und filtern die Liste mit einem Klick,
Frustrationen durch Klicks auf Filter ohne Ergebnisse entfallen (Tags ohne Produkte werden nicht angezeigt),
im Amasty-Modus sind die Links SEO-freundlich und konsistent mit der bestehenden URL-Struktur,
die Übersichtlichkeit des Listings auf Mobilgeräten steigt, da der wichtigste Filter „über den Produkten“ liegt und nicht in einem Seitenpanel verborgen ist.
