Das Widget „Produktfilter – Kategorien“, das Teil der WooCommerce-Produktsuche-Erweiterung ist, bietet einen Live-Produktkategoriefilter für Ihren Shop. Während Ihre Kunden die gewünschte Kategorie auswählen, findet es passende Produkte und zeigt sie auf der Shop-Seite an.

Dieser Live-Filter zeigt die Produktkategorien an, auf die der Kunde klicken kann. Er aktualisiert die Shop-Seite, um die Produkte innerhalb der gewählten Kategorie anzuzeigen.

Stile Zurück zum Anfang

Der Kategoriefilter bietet mehrere Stile, die eine alternative Ansicht und Benutzererfahrung bieten. Diese können angepasst werden und beinhalten die Option, Miniaturansichten für jeden Begriff anzuzeigen.

Der Listenstil zeigt Begriffe in vertikaler Form an, wobei übergeordnete Begriffe erweitert werden können, um untergeordnete Begriffe anzuzeigen, wenn der Besucher mit dem Mauszeiger über sie fährt. Einstellungen können verwendet werden, um das Erscheinungsbild und das Verhalten fein abzustimmen.

Der Stil „Inline“ ähnelt dem Stil „List“, stellt die Begriffe jedoch eher horizontal dar.

Der Stil „Dropdown“ ist ebenfalls durchsuchbar und bietet Einstellungen, um Miniaturansichten sowohl in der Liste als auch für die ausgewählten Begriffe anzuzeigen. Es kann bei Benutzerinteraktion erweitert oder mit einer flexiblen oder festen Höhe verwendet werden.

Der traditionellere Select-Stil ist einfacher, aber ähnlich wie das Dropdown. Seine Größe kann ebenfalls festgelegt werden, so dass Sie entweder eine kompaktere Version oder eine erweiterte Version verwenden können, um eine Reihe von Begriffen anzuzeigen.

Alle diese Stile haben spezifische Einstellungen, die es Ihnen ermöglichen, ihr Aussehen anzupassen und eine geeignete Benutzererfahrung zu schaffen. Darüber hinaus bieten auch die Attributfilter diese Stile an.

Einstellungen Zurück zum Anfang

Die hier beschriebenen Einstellungen bestimmen das Aussehen und das Verhalten des Filter-Widgets.

• Im Feld Titel können Sie den Titel des Widgets festlegen. Wir empfehlen, dieses Feld leer zu lassen und stattdessen die Überschrift des Widgets automatisch anzeigen zu lassen, da es ausgeblendet wird, wenn keine passenden Kategorien angezeigt werden, und automatisch angezeigt wird, wenn es welche gibt. Wenn Sie diesen Titel verwenden, ist dies nicht der Fall.

Überschrift Zurück zum Anfang

• Überschrift anzeigen – Mit dieser Option wird die Überschrift für diesen Filter angezeigt.
• Überschrift – Sie können hier eine benutzerdefinierte Überschrift eingeben oder das Feld leer lassen, um den Standard zu verwenden. Die Überschrift wird nicht angezeigt, wenn keine Begriffe angezeigt werden.
• Überschrift für keine Ergebnisse – Sie können den Text einer alternativen Überschrift eingeben, die angezeigt werden soll, wenn es keine Ergebnisse gibt.

Zurück zum Anfang anzeigen

Abhängig vom gewählten Stil sind einige Optionen verfügbar oder nicht verfügbar.

• Nur auf Shopseiten anzeigen – Verwenden Sie diese Option, um das Widget nur auf relevanten Shopseiten anzuzeigen. Dazu gehören die Shop-Seite, Produkt-Tag- und Produktkategorie-Seiten usw.
• Stil – Bietet Optionen für die Anzeige der Begriffe: Liste, Inline, Auswahl oder Dropdown.
• Thumbnails anzeigen / Eltern – Aktivieren Sie diese Option, um Thumbnails für die Begriffe anzuzeigen. Es gibt eine separate Option, um Miniaturen für übergeordnete Begriffe anzuzeigen.
• Show thumbnails for selected – Verfügbar, wenn Dropdown als Stil gewählt wurde. Wenn diese Option aktiviert ist, werden die Miniaturbilder auch für die ausgewählten Begriffe angezeigt.
• Show names / Parents – Aktivieren Sie diese Option, um die Namen der Begriffe anzuzeigen. Es gibt eine separate Option, um sie für übergeordnete Begriffe anzuzeigen.
• Anzahl der Produkte anzeigen – Wenn diese Option aktiviert ist, wird die Anzahl der verwandten Produkte pro Begriff angezeigt.
• Begriffe ohne Produkte ausblenden – Damit werden Begriffe, die keine verwandten Produkte haben, automatisch ausgeblendet.
• Text für keine Auswahl – Diese Option ist verfügbar, wenn Dropdown als Stil ausgewählt ist und bestimmt den Text, der im Dropdown-Feld angezeigt wird, wenn kein Artikel ausgewählt ist.
• Anzahl der Begriffe – Wenn eine Zahl angegeben wird, begrenzt dies die Anzahl der angezeigten Begriffe.
• Größe – Verfügbar, wenn Select als Stil ausgewählt ist. Bestimmt die Anzeigegröße der Auswahlbox.
• Höhe – Verfügbar, wenn Dropdown als Stil gewählt wird. Wenn leer gelassen, werden die Auswahlmöglichkeiten des Dropdown-Feldes unten angezeigt, wenn das Feld den Fokus erhält. Wenn eine einfache Zahl eingegeben wird, z.B. 5, nimmt das Dropdown eine feste Höhe an, um die angegebene Anzahl von Einträgen anzuzeigen. Wenn eine Zahl mit einer CSS-Einheit* verwendet wird, z.B. 120px, nimmt das Dropdown eine feste Höhe gemäß der angegebenen Einheit an. *Erlaubte CSS-Einheiten: px, mm, cm, in, pt, pc, em , ex, ch, rem, vw und vh.
• Komponente ausblenden – Blendet die Filterkomponente aus, wenn sie keine Optionen, „ja“ (standardmäßig) oder „nein“ hat.
• Widget ausblenden – Blendet das Widget aus, wenn die Komponente keine Optionen hat, „ja“ (standardmäßig) oder „nein“.

Ordnen Zurück zum Anfang

• Ordnen nach … – Verwenden Sie diese Option, um die Reihenfolge zu bestimmen, in der die Begriffe angezeigt werden. Sie können sie nach einem von mehreren Kriterien ordnen, wie z. B. dem Namen des Begriffs für eine alphabetische Ordnung oder der Begriffsreihenfolge, um sie wie in der Liste der Produktkategorien festgelegt anzuzeigen.

Navigation Zurück zum Anfang

Die Optionen in diesem Abschnitt bestimmen, wie die Produktkategorienhierarchie dem Besucher präsentiert wird und wie sie interagiert.

Wenn Sie die Standardwerte verwenden, werden die Stammkategorien angezeigt und ihre Kinder ausgeblendet.

Wenn Sie den Mauszeiger über eine Kategorie mit Kindern bewegen, wird sie erweitert und ihre Kinder werden angezeigt.

Auf Geräten mit Touch-Funktion können Sie auf das Expander-Symbol einer Kategorie tippen, um ihre Unterkategorien anzuzeigen.

Hier ist ein Beispiel, das nur die Stammkategorien mit ihren Expandern zeigt:

Hier ist der gleiche Bereich, aber jetzt sind die Kinder beider Kategorien expandiert:

Die Optionen, die die Navigation durch die Produktkategorien steuern, sind:

• Expand Child Terms – Hier können Sie festlegen, auf welcher Ebene Kategorien ihre Kinder ausblenden. Standardmäßig werden nur die Stammkategorien angezeigt, und wenn sie Unterkategorien haben, wird ein Erweiterungssymbol angezeigt.
• Automatisch erweitern – Dies ist standardmäßig aktiviert, so dass erweiterbare Kategorien ihre Unterkategorien beim Hovern automatisch anzeigen. Wenn Sie diese Funktion deaktivieren, müssen Sie explizit auf das Erweiterungssymbol klicken, um die Unterkategorien zu sehen, so wie Sie es auf Touch-fähigen Geräten antippen müssen.
• Automatisch zurückziehen – Wenn Sie sich außerhalb des Bereichs bewegen, in dem die Kategorien angezeigt werden, werden die Unterkategorien automatisch ausgeblendet. Dies ist standardmäßig aktiviert.
• Expander anzeigen – Dies zeigt Expander und Retraktoren für Kategorien mit Kindern an.
• Vorgängerhierarchie anzeigen – Dies legt fest, ob die Vorgängerhierarchie basierend auf dem aktuellen Kontext angezeigt wird.
• Übergeordnete Navigation anzeigen – Wenn diese Option aktiviert ist, werden zusätzliche Links für Vorfahren angezeigt, die es ermöglichen, in der Hierarchie zurück zu navigieren.

Begriffe Zurück zum Anfang

• Tiefe – Diese Option ermöglicht es, die Tiefe innerhalb der Begriffshierarchie zu begrenzen.
• Filter – Diese Option sollte für die Live-Filterung aktiviert werden.
• Hierarchisch – Ob die Begriffe als Hierarchie angezeigt werden sollen.
• Mehrfach – Wenn Sie Besuchern die Möglichkeit geben wollen, mehr als einen Begriff auszuwählen, aktivieren Sie diese Option.
• Anzeigen – Hier legen Sie fest, ob a) alle Begriffe angezeigt werden oder b) bei „Setzen“ nur diejenigen, die sich innerhalb der Hierarchie des ausgewählten Begriffs befinden.
• Einzuschließende Begriffe – Hier können Sie die Begriffe angeben, die eingeschlossen werden sollen. Wenn Sie keine Angaben machen, werden alle Begriffe angezeigt. Geben Sie die Begriffe nach ID, Slug oder Name und durch Komma getrennt an.
• Auszuschließende Begriffe – Geben Sie die Begriffe, die ausgeschlossen werden sollen, hier nach ID, Slug oder Name und durch Komma getrennt an. Wenn einzuschließende Begriffe angegeben werden, überschreiben sie dieses Feld vollständig – verwenden Sie einen von beiden, aber nicht beide.
• Übergeordneter Begriff – Dies beschränkt die angezeigten Begriffe auf die Kinder des angegebenen Begriffs. Das Token {current} kann verwendet werden, um die Anzeige auf Kinder des aktuellen Begriffs zu beschränken.

Erweitert Zurück zum Anfang

Die erweiterten Optionen sollten auf ihren Standardwerten belassen werden, es sei denn, es besteht die Notwendigkeit, einen bestimmten Fall mit diesem Filter zu behandeln.

• Überschrift ID – Hiermit wird die ID des Überschriftenelements festgelegt.
• Überschriftenklasse – Hier wird die Klasse des Überschriftenelements festgelegt.
• Überschriftenelement – Hier kann ausgewählt werden, welches HTML-Tag als Überschriftenelement verwendet wird.
• Container ID – Hier wird die ID des Haupt-Div-Containerelements des Filters festgelegt.
• Containerklasse – Hier wird die Klasse des Haupt-Div-Containerelements des Filters hinzugefügt.