Filter

Ausgewählte Links

1. Shopify-Dokumentation zur Filterung im Storefront
2. Shopify-Dokumentation zu Search-and-Discovery-Filtern
3. Shopify-Dokumentation zu Tag-Formaten
4. Search & Discovery-App
5. Shopify-Dokumentation zum Hinzufügen von Filtern mit Shopify Search & Discovery
6. Shopify-Dokumentation zu Metafeldern
7. Shopify-Dokumentation zu Metaobjekten
8. Shopify-Dokumentation zu visuellen Filtern
9. Shopify-Dokumentation zu Metafelddefinitionen
10. Shopify-Dokumentation zum Bearbeiten von Filtern

Im Align Shopify-Theme helfen Filter Kunden dabei, Blogbeiträge, Kollektionsprodukte und Suchergebnisse einzugrenzen. Blogfilter verwenden Beitragstags, während Produktfilter in Shopify verwaltet werden und Standardproduktdaten, Produktoptionen, Metafelder und Metaobjekte verwenden können.

Wenn Sie Hilfe zu den Align-Theme-Einstellungen benötigen, verwenden Sie den Company XYZ-Support.

Blogfilter

Mit Blogfiltern können Besucher Beiträge auf einer Blogseite eingrenzen, indem sie tagbasierte Optionen direkt auswählen.

Blogfilter aktivieren

1. Gehen Sie im Shopify-Adminbereich zu Online Store → Themes → Customize.
2. Öffnen Sie das Blog-Template, das Sie bearbeiten möchten. Dieselbe Einrichtung gilt für jedes Blog-Template.
3. Wählen Sie den Abschnitt Blog content aus.
4. Aktivieren Sie Enable filters.
5. Fügen Sie mindestens eine Filtergruppe hinzu.

Filtergruppen erstellen

Filtergruppen sind die Überschriften, die in der Filteroberfläche angezeigt werden, z. B. „Themen“, „Anleitungen“ oder „Neuigkeiten“.

1. Wählen Sie unter Blog content → Filters die Option Add filter group aus.
2. Geben Sie einen Group title ein.
3. Setzen Sie Filter by auf Tags.
4. Fügen Sie die Tags hinzu, die in die Gruppe aufgenommen werden sollen.
5. Wählen Sie, ob die Gruppe geöffnet oder reduziert startet. Reduzierte Gruppen können die Seite übersichtlich halten, wenn mehrere Gruppen vorhanden sind.

Tags stammen direkt aus Blogbeiträgen. Jeder aufgeführte Tag muss in mindestens einem Beitrag vorhanden sein, andernfalls liefert die Option keine Ergebnisse. Hinweise zum Tag-Format finden Sie in der Shopify-Dokumentation zu Tag-Formaten

Bei Tags wird die Groß- und Kleinschreibung nicht berücksichtigt, Leerzeichen und Zeichen müssen jedoch übereinstimmen. Beispielsweise stimmen News und news überein, tag 1 und tag_1 jedoch nicht.

Funktionsweise von Blogfiltern

Durch die Auswahl eines Tags werden die sichtbaren Beiträge sofort aktualisiert. Wenn Besucher mehrere Tags auswählen, werden nur Beiträge angezeigt, die alle ausgewählten Tags enthalten.

Die Auswahl wird in der URL übernommen, sodass gefilterte Ansichten geteilt oder als Lesezeichen gespeichert werden können.

Fehlerbehebung bei Blogfiltern

Wenn eine Option angezeigt wird, aber keine Beiträge liefert:

1. Stellen Sie sicher, dass der Tag in mindestens einem Beitrag vorhanden ist.
2. Prüfen Sie, ob Leerzeichen und Sonderzeichen des Tags exakt übereinstimmen.
3. Entfernen Sie Tippfehler oder zusätzliche Leerzeichen aus der Tag-Liste der Filtergruppe.

Produktfilter

Produktfilter helfen Kunden dabei, Kollektionsseiten und Suchergebnisse nach Verfügbarkeit, Produkttyp, Preis, Farbe oder anderen relevanten Attributen einzugrenzen. Es werden nur Filter und Werte angezeigt, die auf die aktuelle Kollektions- oder Suchergebnisliste zutreffen.

Verwenden Sie die Search & Discovery-App, um Produktfilter zu erstellen, zu organisieren und anzupassen. Sie bietet außerdem Steuerelemente für Suchergebnisse und Produktempfehlungen. Den vollständigen Shopify-Ablauf finden Sie unter Filter mit der App anpassen

Aktuelle Einrichtungsschritte finden Sie in der Shopify-Dokumentation zum Hinzufügen von Filtern mit Shopify Search & Discovery

Theme-Unterstützung prüfen

Produktfilter erfordern ein Online Store 2.0-Theme. Um die Unterstützung in Shopify zu prüfen, gehen Sie zu Online Store → Navigation und überprüfen Sie Collection and search filters.

Wenn Filter nicht unterstützt werden, können sie trotzdem erstellt werden, erscheinen jedoch nicht im Storefront. Einige nicht unterstützte Drittanbieter-Themes zeigen möglicherweise keine Kompatibilitätsmeldung an.

Produktfilter anzeigen

Themes mit Filterunterstützung bieten eine Abschnittseinstellung zum Aktivieren oder Deaktivieren von Filtern. Überprüfen Sie in Align nach dem Erstellen der Filter in Search & Discovery die entsprechenden Kollektions- und Such-Templates unter Online Store → Themes → Customize.

In von der Plattform entwickelten Themes erscheint diese Einstellung auf Kollektionsseiten im Abschnitt Product grid und auf der Suchseite im Abschnitt Search results. Nachdem ein Kunde eine Option ausgewählt hat, wird die Produktliste automatisch aktualisiert und zeigt passende Ergebnisse an.

Quellen für Produktfilter

Sie können bis zu 25 Filter auswählen. Standardfilter sind für alle Shops verfügbar, während benutzerdefinierte Filter die spezifische Struktur Ihres Katalogs abbilden können.

Standardfilter

Zu den Standardquellen gehören Verfügbarkeit, Preis, Anbieter, Produkttyp und Tags.

Hinweis

Der Preisfilter wird nur angezeigt, wenn Kunden in der Primärwährung des Shops einkaufen.

Filter für Produktoptionen

Filter für Produktoptionen basieren auf Varianten. Produkte mit Größenvarianten können beispielsweise einen Size-Filter bereitstellen.

Da Optionen Filter auf Variantenebene sind, können mehrere ausgewählte Werte trotzdem ein Produkt zurückgeben, wenn dieses Produkt passende Varianten besitzt.

Metafeld- und Metaobjektfilter

Metafelder können katalogspezifische Filter bereitstellen, etwa eine Altersspanne für Spielzeug. Metaobjekte können visuelle Filter mit kundenfreundlichen Farben oder Bildern unterstützen.

Unterstützte Werttypen für benutzerdefinierte Filter umfassen:

• Einzeiliger Text
• Listen mit einzeiligem Text
• Dezimalzahl
• Ganzzahl
• Wahr oder falsch
• Metaobjektreferenz
• Listen mit Metaobjektreferenzen

Ein Metafeld muss über eine Metafelddefinition verfügen, bevor es als Filter ausgewählt werden kann. Wählen Sie es nach der Einrichtung beim Bearbeiten von Filtern aus. Eine Anleitung zur Einrichtung finden Sie unter Benutzerdefinierte Filter mit Metafeldern hinzufügen

Tipp

Verwenden Sie den Bulk Editor, um Metafelder und andere Produktattribute für viele Produkte gleichzeitig zu aktualisieren.

Produktfilter erstellen und bearbeiten

1. Gehen Sie in der Search & Discovery-App zu Filters und wählen Sie Add filter aus.
2. Wählen Sie die Filterquelle aus, die Kunden zur Verfügung stehen soll.
3. Benennen Sie optional das kundenorientierte Label um. Erfahren Sie mehr über das Umbenennen von Filtern
4. Ändern Sie optional die Beziehung zwischen ausgewählten Werten. Erfahren Sie mehr über das Filterverhalten
5. Kombinieren Sie optional ähnliche Werte zu einer kundenorientierten Auswahl. Erfahren Sie mehr über das Gruppieren von Filterwerten
6. Wählen Sie Save aus.

Ziehen Sie Filter auf dem Bildschirm Filters, um ihre Reihenfolge im Storefront zu ändern.

Durch das Ändern des Filterlabels wird dessen Quelle nicht umbenannt. Wenn Sie beispielsweise einen auf einer Produktoption basierenden Filter umbenennen, ändert dies nicht den Namen dieser Option auf Produktseiten.

Filterwerte

Kunden sehen nur Werte, die für die aktuelle Kollektions- oder Suchergebnisliste relevant sind. Jeder Filter kann im Storefront bis zu 100 Werte anzeigen; durch das Gruppieren ähnlicher Werte lässt sich die Anzahl reduzieren.

Die App kann bis zu 1.000 Werte für einen Filter anzeigen. Werte, die dort nicht sichtbar sind, können trotzdem im Storefront erscheinen, solange der Storefront-Filter innerhalb seines Limits von 100 Werten bleibt. Abhängig vom Werteformat gelten unterschiedliche Sortierregeln

Ähnliche Werte gruppieren

Durch die Gruppierung werden mehrere Quellwerte zu einem kundenorientierten Wert zusammengefasst. Beispielsweise könnten „Onyx“, „Ebenholz“ und „Mitternacht“ gemeinsam als „Schwarz“ erscheinen.

1. Gehen Sie in der Search & Discovery-App zu Filters.
2. Wählen Sie Add filter aus oder öffnen Sie einen vorhandenen Filter.
3. Wählen Sie die Filterquelle aus.
4. Wählen Sie in der Tabelle Values die zu kombinierenden Werte aus. Verwenden Sie bei Bedarf die Suche oder Show more.
5. Wählen Sie Create group aus.
6. Geben Sie den einzelnen Gruppennamen ein, den Kunden sehen werden.
7. Wählen Sie Done und anschließend Save aus.

Wenn ein Wert in der Tabelle nicht verfügbar ist, verwenden Sie das Steuerelement zum Hinzufügen eines weiteren Werts und geben Sie ihn manuell ein. Eine Filtergruppe kann bis zu 50 eindeutige Werte enthalten, und ein Shop kann bis zu 1.000 Filtergruppen haben.

Filterwerte sortieren

Werte werden normalerweise in aufsteigender alphabetischer oder numerischer Reihenfolge sortiert. Werte, die eine Zahl und ein gemeinsames Wort enthalten, werden natürlich gruppiert; Alterswerte werden beispielsweise wie folgt sortiert:

1. 2 Monate
2. 6 Monate
3. 2 Jahre
4. 3 Jahre

Filter mit dem Namen „Size“ verwenden für gängige Größenbegriffe eine benutzerdefinierte Reihenfolge, in der beispielsweise XS vor S steht.

Erstellen Sie für eine eigene Reihenfolge ein Einzeiliger-Text-Metafeld mit voreingestellten Auswahlmöglichkeiten. Die Reihenfolge der Auswahlmöglichkeiten wird zur Reihenfolge im Storefront, sodass Sequenzen wie „Anfänger“, „Fortgeschritten“ und „Profi“ möglich sind.

Leere Werte verwalten

Leere Werte können ausgeblendet, ans Ende verschoben oder in ihrer Standardreihenfolge belassen werden. Durch das Ausblenden oder Zurückstellen können sich Kunden auf Auswahlmöglichkeiten konzentrieren, die derzeit Produkte zurückgeben.

1. Gehen Sie in der Search & Discovery-App zu Settings.
2. Wählen Sie unter Filters eine Option aus:
   • Hide entfernt leere Werte und blendet einen Filter aus, wenn alle seine Werte leer sind.
   • Show at the end verschiebt leere Werte unter die verfügbaren Auswahlmöglichkeiten.
   • Show in default order behält die normale Sortierlogik bei.
3. Wählen Sie Save aus.

Unerwünschte Werte ausschließen

Verwenden Sie für eine präzise Kontrolle ein Metafeld, das nur die für die Filterung im Storefront vorgesehenen Werte enthält. Dies ist häufig vorzuziehen, wenn Produkttags auch Bedingungen für automatisierte Kollektionen oder die Filterung der Produktliste im Adminbereich unterstützen.

Ein Metafeldtyp für einzeiligen Text oder ein Listentyp kann eine Filterquelle für Produkttags ersetzen.

Visuelle Filter

Visuelle Filter können Werte mit Farben oder Musterbildern verknüpfen. Wenn ein Filter ein Metaobjekt verwendet, steuern die Display options, ob Kunden Text, Farbfelder oder beides sehen.

Anforderungen für Farbfelder

Für eine Farbfeld-Einrichtung benötigen Sie:

1. Ein Metaobjekt mit mindestens einem unterstützten Textfeld, z. B. einzeiligem Text, Dezimalzahl, Ganzzahl oder Wahr-oder-falsch-Wert.
2. Mindestens ein Farbfeld oder Bilddateifeld. Listenfelder werden für die visuelle Darstellung nicht unterstützt.
3. Ein Produkt- oder Variantenmetafeld, das auf das Metaobjekt verweist.
4. Sowohl das Metaobjekt als auch das referenzierende Metafeld müssen für den Storefront-Zugriff aktiviert sein.

Das Metaobjekt-Tutorial enthält weitere Hinweise zur Einrichtung.

Visuellen Filter konfigurieren

1. Gehen Sie in der Search & Discovery-App zu Filters.
2. Fügen Sie einen Filter hinzu oder öffnen Sie einen vorhandenen Filter.
3. Wählen Sie einen Filter mit einer Metaobjektreferenz aus.
4. Wählen Sie Display options aus.
5. Wählen Sie das für den Wert Label verwendete Metafeld aus.
6. Wenn Show swatch aktiviert ist, wählen Sie ein Farbfeld für Swatch color, ein Bildfeld für Swatch pattern oder beides aus.
7. Deaktivieren Sie Show swatch, um nur Labels anzuzeigen.

Hinweis

Themes bevorzugen häufig ein Farbfeldbild gegenüber dessen Farbe. Wenn beides konfiguriert ist, dient die Farbe normalerweise als Fallback, wenn kein Musterbild verfügbar ist.

Filterverhalten

Auswahlen aus verschiedenen Filtern verwenden die UND-Logik. Wenn Sie unter Color „Rot“ und unter Size „8“ auswählen, werden Produkte zurückgegeben, die beide Auswahlmöglichkeiten erfüllen.

Werte innerhalb desselben Filters verwenden standardmäßig die ODER-Logik. Wenn Sie unter Color „Rot“ und „Grün“ auswählen, werden Produkte zurückgegeben, die einem der beiden Werte entsprechen. Filter für Produkttags, Metafeldlisten und Metaobjektreferenzlisten können stattdessen die UND-Logik verwenden.

So passen Sie dieses Verhalten an:

1. Gehen Sie in der Search & Discovery-App zu Filters und wählen Sie Add filter aus.
2. Wählen Sie die Filterquelle aus.
3. Wählen Sie unter Logic die Beziehung aus, die zwischen den Werten angewendet werden soll.
4. Wählen Sie Save aus.

Weitere Informationen finden Sie unter Filterverhalten anpassen

Filterübersetzungen

Filterlabels, Werte und Gruppen können in unterstützte Sprachen übersetzt werden. Eine Übersetzungs-App wie Translate & Adapt kann diese Inhalte verwalten. Wenn keine Übersetzung verfügbar ist, wird die Standardsprache verwendet.

Produkttagfilter werden nur in der Standardsprache angezeigt, und Anbieterwerte verwenden immer die Standardsprache. Andere Werte basieren auf übersetzten Produkt- und Varianteninhalten.

Uneinheitliche Übersetzungen können mehrere Werte für dasselbe Konzept erzeugen. Wenn „Brown“ beispielsweise sowohl mit „Brun“ als auch mit „Marron“ übersetzt wird, erscheinen beide Werte. Standardisieren Sie übersetzte Produktinhalte, damit nur ein Wert verwendet wird.

Filterwerte unterstützen keine zusätzlichen Sprachinstanzen, die für bestimmte Märkte konfiguriert wurden. Werte verwenden die allgemeine Sprachübersetzung, während Filterlabels und -gruppen marktbezogene Übersetzungen unterstützen können.

Einschränkungen

1. Kollektionen mit mehr als 5.000 Produkten zeigen keine Filter an. Erwägen Sie, eine große Kollektion in kleinere automatisierte Kollektionen aufzuteilen und diese über Dropdown-Navigationsmenüs zu verknüpfen.
2. Suchen mit mehr als 100.000 Ergebnissen zeigen keine Filter an.
3. Ein Storefront-Filter kann bis zu 100 Werte anzeigen. Verwenden Sie eine Wertgruppierung, wenn mehr Möglichkeiten vorhanden sind.
4. Die App kann bis zu 1.000 Werte pro Filter anzeigen. Metafeldfilter können weniger anzeigen, da nur eine begrenzte Anzahl von Metafeldern auf eindeutige Werte geprüft wird.
5. Jede Filtergruppe kann bis zu 50 eindeutige Werte enthalten, insgesamt sind bis zu 1.000 Gruppen über die ausgewählten Filtereinstellungen möglich.
6. Anbieter- und Tagwerte können nicht übersetzt werden. Tagfilter werden nur in der Standardsprache angezeigt, und Anbieterwerte verwenden immer diese Sprache.
7. Übersetzungen von Filterwerten verwenden veröffentlichte Shopsprachen und zeigen keine über Markets konfigurierten marktbezogenen Übersetzungen an.
8. Der Preisfilter wird für andere Währungen als die Standardwährung des Shops nicht angezeigt.

Nutzungshinweise

1. Blogtags sorgfältig abgleichen. Überprüfen Sie Leerzeichen und Sonderzeichen immer dann, wenn ein Blogfilter keine Beiträge zurückgibt.
2. Konzentrierte Produktfilter auswählen. Priorisieren Sie Attribute, die Kunden beim Eingrenzen einer Kollektion oder Suche wirklich helfen.
3. Ähnliche Werte zusammenfassen. Gruppieren Sie Synonyme und nahezu identische Optionen, bevor sie an Anzeigegrenzen stoßen.
4. Filterlogik testen. Stellen Sie sicher, dass das UND- oder ODER-Verhalten die von Kunden erwarteten Kombinationen erzeugt.
5. Übersetzungen prüfen. Halten Sie übersetzte Produktwerte konsistent, damit gleichwertige Auswahlmöglichkeiten nicht als separate Filter erscheinen.