Filter hinzufügen

Mit der Shopify Search & Discovery-App kannst du Filter für deinen Onlineshop erstellen, mit denen Kunden anpassen können, welche Produkte auf den Kollektionsseiten und in Suchergebnissen angezeigt werden. Zum Beispiel kann ein Shop, der Uhren verkauft, Filter für Markennamen, Preis, Zifferblattgröße und Wasserdichtigkeit erstellen.

Anforderungen

Filter sind für jedes Online Store 2.0-Theme und für benutzerdefinierte Storefronts verfügbar, die entweder den Filter Liquid API oder Storefront API für ihren Onlineshop verwenden. Erfahre, wie du Filter in deinem Online Store 2.0-Theme anzeigst.

Wenn dein Theme keine Filter unterstützt, kannst du trotzdem Filter in der Shopify Search & Discovery-App erstellen, allerdings werden sie den Kunden nicht angezeigt.

Du kannst überprüfen, ob das Theme deines Shops die Filterung unterstützt, indem du in deinem Shopify-Adminbereich zu Onlineshop > Navigation wechselst. Wenn dein Theme die Filterung nicht unterstützt, wird im Abschnitt Kollektions- und Suchfilter eine Benachrichtigung angezeigt.

Überlegungen zum Hinzufügen von Filtern

Berücksichtige die folgenden Überlegungen zur Nutzung der Shopify Search & Discovery-App:

  • Für Kollektionen mit mehr als 5000 Produkten werden keine Filter angezeigt. Ziehe in Erwägung, große Kollektionen in kleinere Kollektionen zu unterteilen, die Filter anzeigen können. Statt beispielsweise eine einzige Modekollektion für Frauen zu erstellen, kannst du auch kleinere Kollektionen erstellen, die auf der Art der Bekleidung basieren, wie z. B. Oberteile, Jeans und Stiefel.
  • Bei einer Suche, die zu mehr als 100.000 Ergebnissen führt, werden keine Filter angezeigt.
  • Für einen Filter können höchstens 100 Filterwerte in deinem Shop angezeigt werden. Wenn dein Filter mehr als 100 mögliche Werte enthält, werden den Kunden einige Werte nicht angezeigt. Du kannst die Anzahl der möglichen Filterwerte reduzieren, indem du ähnliche Werte gruppierst. Eine Filtergruppe kann höchstens 200 eindeutige Filterwerte haben. Dein Shop kann maximal 1000 Filtergruppen über alle ausgewählten Filtereinstellungen hinweg verwenden.
  • In der Search & Discovery-App von Shopify zeigt ein Filter maximal 1000 Filterwerte an. Metafeldfilter zeigen möglicherweise weniger als 1000 Werte an, da eine Begrenzung für die Anzahl der Metafelder im Shop, die auf eindeutige Werte hin überprüft werden, gilt. Filterwerte, die in der App nicht angezeigt werden, können weiterhin in deinem Shop für Kunden angezeigt werden, vorausgesetzt, der Filter enthält weniger als 100 Filterwerte.
  • Übersetzungen werden für die Filterwerte Anbieter und Tags nicht unterstützt. Der Produkt-Tag-Filter wird nur Kunden angezeigt, die in der Standardsprache deines Shops einkaufen. Anbieter-Filterwerte basieren immer auf der Standardsprache deines Shops.
  • Die Filterwert-Übersetzungen basieren auf den Sprachen, die in deinem Onlineshop veröffentlicht wurden. Sie zeigen keine Übersetzungen für Märkte an, die über International eingerichtet wurden.
  • Der Preisfilter wird für andere Währungen als die Standardwährung deines Shops nicht angezeigt.

Filtertypen

Alle Shops können dieselben Standardfilter anzeigen und du kannst benutzerdefinierte Filter erstellen, die für deinen Produktkatalog eindeutig sind. Du kannst eine Kombination aus Standard- und benutzerdefinierten Filtern haben – bis zu einem Maximum von 25 Filtern für deinen Shop.

Jede Filterquelle kann nur ein einziges Mal für die Filter eines Shops verwendet werden. Wenn du beispielsweise den Filter Preis in deinem Shop aktiviert hast, ist der Preis grau und kann nicht als Quelle für einen neuen Filter ausgewählt werden.

Standardfilter

In allen Shops sind Standardfilter für Verfügbarkeit, Kategorie, Preis, Produkttyp, Tags und Anbieter verfügbar.

Benutzerdefinierte Filter

Benutzerdefinierte Filter können mithilfe von Produktoptionen, Metafeldern oder Metaobjekten erstellet werden.

Produktoptionsfilter basieren auf deinen Produktvarianten. Wenn du zum Beispiel Bekleidung mit verschiedenen Varianten für die Größe verkaufst, kannst du die Produktoption Größe als Filter hinzufügen.

Benutzerdefinierte Filter mit Metafeldern

Metafeldfilter sind nützlich, um Filter zu erstellen, die nur für deinen Produktkatalog gelten. Wenn du zum Beispiel Kinderspielzeug verkaufst, kannst du den benutzerdefinierten Produkt-Metafeldfilter Alter erstellen. Du kannst auch visuelle Filter erstellen, um Kunden zu helfen, deine Filter einfach zu verstehen.

Die Metafelder müssen eine Metafeld-Definition haben, um als Filter verwendet werden zu können. Erfahre, wie du eine Metafeld-Definition hinzufügst. Sie können Metafeld-Filter für die folgenden Werttypen erstellen:

  • Einzeiliger Text
  • Einzeiliger Text (Liste)
  • Dezimal
  • Ganze Zahl
  • Wahr oder falsch
  • Metaobjektreferenz
  • Metaobjektreferenz (Liste)

Nachdem du deine Metafelder für deine Produkte oder Varianten eingerichtet hast, kannst du die Metafeld-Definitionen als Filter auswählen, wenn du deine Filter bearbeitest.

Filter bearbeiten

  1. Gehe in der Shopify Search & Discovery-App zu Filter und klicke dann auf Filter hinzufügen.
  2. Klicke auf das Feld Quelle und wähle eine Filterquelle aus, die du deinen Kunden zur Verfügung stellen möchtest.
  3. Optional: Benenne den Filter um.
  4. Optional: Ändere das Filterverhalten.
  5. Optional: Wähle Filterwerte aus, die du zu einem Einzelwert gruppieren möchtest.
  6. Optional: Sortiere Filterwerte.
  7. Klicke auf Speichern.

Du kannst Filter auch im Abschnitt Filter neu anordnen. Klicke und ziehe einzelne Filter in die Reihenfolge, in der die Filter für Kunden angezeigt werden sollen.

Filter umbenennen

Du kannst die den Kunden angezeigte Bezeichnung von in deinem Shop vorhandenen Filtern ändern.

Durch das Ändern der Filterbezeichnung werden keine Informationen über die Quelle des Filters geändert. Wenn du beispielsweise die Filterbezeichnung basierend auf einer Produktoption umbenennst, ändert sich nicht der Name dieser Option, der auf den einzelnen Produktseiten angezeigt wird.

Schritte:

  1. Gehe in der Shopify Search & Discovery-App zu Filter und klicke dann auf den Filter, den du umbenennen möchtest.
  2. Gib im Feld Filteretikett dein neues Etikett ein.
  3. Klicke auf Speichern.

Filterwerte

Nur Filterwerte, die für Produkte einer Kollektion oder eines Suchergebnisses in deinem Shop angezeigt werden.

Es gelten verschiedene Sortierregeln für Filterwerte. Außerdem kannst du Metafeldfilter nutzen, um mehr Kontrolle über die Sortierung und die angezeigten Werte zu haben.

Filterwerte gruppieren

Du kannst mehrere Filterwerte gruppieren, um sie Kunden als einzelnen Filterwert anzuzeigen. Du hast beispielsweise ein Produkt mit der Option Farbe, die Onyx, Ebenholz und Mitternacht als Werte enthält. Du kannst diese Werte unter einem einzigen Filter mit dem Namen Schwarz gruppieren. Eine Filtergruppe kann maximal 200 eindeutige Filterwerte haben. Dein Shop kann maximal 1000 Filtergruppen verwenden.

Schritte:

  1. Gehe in der Shopify Search & Discovery-App zu Filter und klicke dann auf Filter hinzufügen oder klicke auf den Namen eines vorhandenen Filters.
  2. Optional: Wenn du einen neuen Filter hinzufügst, klicke auf das Feld Quelle und wähle eine Filterquelle aus, die du deinen Kunden zur Verfügung stellen möchtest.
  3. Wähle im Abschnitt Werte die Werte aus, die du als einen einzelnen Filterwert gruppieren möchtest. Du kannst die Suchleiste verwenden, um weitere Filterwerte zu finden.
  4. Klicke auf Gruppe erstellen.
  5. Gib einen Namen für die Gruppe ein. Dies ist der einzelne Filterwert, der den Kunden angezeigt wird.
  6. Klicke auf Fertig.
  7. Klicke auf Speichern.

Einschränkungen

Der Filter Kategorie unterstützt kein Gruppieren.

Filterwerte sortieren

Du kannst Filterwerte so sortieren, wie es den Anforderungen deines Shops am besten entspricht. Wir bieten zwei Sortierreihenfolgen an:

Automatisch sortieren

Filterwerte werden standardmäßig in aufsteigender Reihenfolge angezeigt, sowohl alphabetisch als auch numerisch. Ein Produktoptionsfilter für Schuhgrößen zeigt beispielsweise zuerst den kleinsten Wert an.

Filterwerte, die mit einer Zahl beginnen und mit einem Wort enden, z. B. 60 Watt, werden neben den Filterwerten angezeigt, die mit dem gleichen Wort enden. Beispielsweise wird ein Produktoptionsfilter für Alter mit den Filterwerten 2 Jahre, 6 Monate, 3 Jahre und 2 Monate folgendermaßen sortiert:

  • 2 Monate
  • 6 Monate
  • 2 Jahre
  • 3 Jahre

Benutzerdefinierte Sortierreihenfolgen werden auf Filter mit der Bezeichnung Größe angewendet, damit gängige Größenbezeichnungen in der richtigen Reihenfolge angezeigt werden. Beispielsweise wird XS (sehr klein) vor S (klein) angezeigt.

Neue Filterwerte werden automatisch sortiert.

Manuell sortieren

Durch die manuelle Sortierung kannst du die Anzeigereihenfolge der Filterwerte auswählen. Nach dem Speichern einer manuellen Sortierreihenfolge werden alle neuen Filterwerte am Ende der Liste angezeigt, bis du die Sortierreihenfolge aktualisierst.

Schritte:

  1. Gehe in der Shopify Search & Discovery-App zu Filter und wähle einen vorhandenen Filter aus oder erstelle einen neuen Filter.
  2. Wähle unter Sortieren die Option Manuell aus.
  3. Ziehe Werte an eine andere Stelle, um sie neu anzuordnen. Alternativ kannst du mehrere Werte auswählen und auf Ganz nach oben verschieben oder Ganz nach unten verschieben klicken, um sie zusammen neu zu positionieren.
  4. Optional: Klicke auf Neu für mich anordnen, um die Sortierung mit Shopify Magic vorzunehmen.
  5. Klicke auf Speichern.

Mit Shopify Magic sortieren

Du kannst Shopify Magic verwenden, um Werte in einer logischen Reihenfolge basierend auf dem Filternamen und seinen Werten zu sortieren. Filter, die Farbfeld-Filter verwenden, ziehen die Hex-Codes und ihre Position im Farbrad heran, um die Sortierreihenfolge festzulegen.

Mit der Schaltfläche Neu für mich anordnen werden deine Werte mit Shopify Magic sortiert. Wenn die neue Reihenfolge nicht deinen Erwartungen entspricht, kannst du auf die Schaltfläche Neuanordnung rückgängig machen klicken, um deine manuell sortierte Reihenfolge wiederherzustellen, oder die Werte neu anordnen, um sie an die Anforderungen deines Shops anzupassen.

Einschränkungen

Der Filter Kategorie unterstützt kein manuelles Sortieren oder Sortieren mit Magic. Seine Werte sind alphabetisch sortiert.

Leere Filterwerte anpassen

Um Kunden dabei zu helfen, verfügbare Produkte zu suchen, kannst du leere Filterwerte entweder ganz nach unten in die Liste verschieben oder komplett ausblenden. Dadurch können Kunden sich auf Werte mit übereinstimmenden Ergebnissen konzentrieren. Du verkaufst z. B. T-Shirts in verschiedenen Farben und Größen. Alle Farben, außer Rot sind nicht vorrätig. Wenn du leere Werte nach unten verschiebst, wird Rot zuerst im Filter Farbe angezeigt. Wenn du leere Werte ausblendest, wird nur die Option Rot im Filter Farbe angezeigt.

Schritte:

  1. Gehe in der Shopify Search & Discovery-App zu Einstellungen.
  2. Wähle im Abschnitt Filter > Leere Werte eine der folgenden Optionen aus:

    • Wähle Ausblenden aus, um leere Filterwerte auszublenden. Ein Filter wird vollständig ausgeblendet, wenn alle Filterwerte leer sind.
    • Wähle Am Ende anzeigen aus, um leere Filterwerte ganz nach unten in der Werteliste zu verschieben.
    • Wähle In Standardreihenfolge anzeigen aus, um die Standardsortierlogik auf leere Filterwerte anzuwenden.
  3. Klicke auf Speichern.

Filterwerte ausschließen

Wenn du mehr Kontrolle über die Werte haben möchtest, die den Kunden angezeigt werden, kannst du einen Metafeldfilter verwenden, der nur die Werte enthält, die in deinem Shop angezeigt werden sollen.

Beispielsweise kannst du Produkt-Tags für andere Zwecke als Storefront-Filter verwenden, wie die Bedingungen automatisierte Kollektionen oder Filterung von Produktlisten im Adminbereich. Ein Metafeldtyp für einzeiligen Text oder ein Listentyp kann anstelle des Produkt-Tag-Filtertyps verwendet werden.

Visuelle Filter

Filterwerte können visuelle Elemente wie Farben, Muster oder detailliertere Bilder enthalten. Zum Beispiel kann der Filter Farbe des Stoffes für jeden Filterwert ein kleines Farbfeld anzeigen.

Um mit deinen Filterwerten visuelle Elemente zu erstellen, richte benutzerdefinierte Daten mit Metafeldern und Metaobjekten für deinen Shop ein. Du musst außerdem die folgenden Voraussetzungen erfüllen:

  • Du benötigst ein Onlineshop-Theme, das die Anzeige von filterwertbasierten Farbfeldern und Bildern unterstützt.
  • Du benötigst ein Metaobjekt, das die folgenden Kriterien erfüllt:

    • Mindestens ein Feld vom Typ Farbe oder ein Feld vom Typ Datei mit Bildern. Die Felder können jeweils nur einen Wert unterstützen. Listen mit Werte werden nicht unterstützt.
    • Ein Feld zum Benennen des Filterwerts. Das Feld darf nur einen Wert zulassen. Eine Liste von Werten kann nicht als Filtername verwendet werden. Das Feld kann einer einer folgenden Typen sein:
    • einzeiliger Text
    • dezimal
    • integer
    • boolean (true oder false)
  • Eine Metafelddefinition, die die folgenden Kriterien erfüllt:

    • Die Definition wurde entweder für ein Produkt oder für eine Variante erstellt.
    • Der Metafeldtyp ist ein Metaobjekt und verweist auf die im vorherigen Schritt erstellte Metaobjekt-Definition.
    • Lege fest, ob die Metafelder entweder einen Eintrag oder eine Liste von Einträgen für das Metaobjekt zulassen.
  • Sowohl bei der Metaobjekt- als auch bei der Metafelddefinition muss der Storefront-Zugriff aktiviert sein.

Best Practices für visuelle Filter

Produktvariantenfilter werden in Suchergebnissen und auf Kollektionsseiten mit relevanteren Varianten verknüpft. Zum Beispiel werden nur rote Produkte angezeigt, wenn ein rotes Farbfeld ausgewählt wird. Verwende Variantenmetafelder für die Metaobjektreferenz, um die Filterung auf Variantenebene zu nutzen. Wenn die Verknüpfung mit bestimmten Varianten für deinen Filter nicht relevant ist, verwende stattdessen Produktmetafelder.

Eine Metaobjekt-Definition für ein Farbfeld sollte sowohl eine Farbe als auch ein Bildfeld enthalten. Du musst nicht für beide Felder einen Wert angeben, aber so hast du die Möglichkeit, beide Felder in der Zukunft zu verwenden.

Wenn deine Produkte oder Varianten mehrere Farben haben, nach denen gefiltert werden kann, sollte deine Metafelddefinition eine Liste von Einträgen zulassen. So kannst du einem einzelnen Artikel mehrere Metaobjekteinträge zuweisen, die jeweils als Filterwert in deinem Shop angezeigt werden.

Schritte:

Nachdem du dein Metafeld Produkten oder Varianten in deinem Shop zugewiesen hast, kannst du den Filter für deinen Onlineshop einrichten:

  1. Gehe in der Shopify Search & Discovery-App zu Filter.
  2. Klicke auf Filter hinzufügen oder klicke auf einen vorhandenen Filter.
  3. Klicke auf das Feld Quelle und wähle dann einen Metafeld-Filter mit einer Metaobjekt-Referenz aus.
  4. Klicke auf Anzeigeoptionen.
  5. Wähle das Feld Bezeichnung für Filterwerte aus, indem du ein Metafeld auswählst.
  6. Aktiviere die Option Visualisierung anzeigen und wähle einen Stil für das visuelle Element aus:
    • Wähle für kleine Farbfelder oder Muster die Option Farbfeld aus. Lege den Inhalt für das Farbfeld fest, indem du die folgende Auswahl triffst:
      • Ein Farbfeld für die Farbfeldfarbe.
      • Ein Bildfeld für das Farbfeldmuster.

- Wähle für Symbole, Logos oder andere Grafiken, die nicht zugeschnitten werden sollen, die Option Bild aus. Lege den Inhalt fest, indem du für das Bild ein Bildfeld auswählst.

Verhalten filtern

Es werden nur Filter angezeigt, die auf Produkte auf einer Kollektionsseite oder in einem Suchergebnis angewendet werden können.

Wenn Filterwerte aus verschiedenen Filtern ausgewählt werden, handelt es sich um eine AND-Bedingung. Dadurch kann die Anzahl der angezeigten Produkte verringert werden. Wenn du beispielsweise in den Filtern Farbe und Größe Rot und 8 auswählst, werden Produkte zurückgegeben, die rot sind und Größe 8 haben.

Wenn Filterwerte aus dem gleichen Filter ausgewählt werden, handelt es sich standardmäßig um eine OR-Bedingung. Dadurch kann die Anzahl der Ergebnisse erhöht werden. Wenn du beispielsweise die Werte Rot und Grün in einem Filter vom Typ Farbe auswählst, werden alle roten oder grünen Produkte zurückgegeben. Manche Filtertypen können stattdessen eine AND-Bedingung für ihre Filterwerte verwenden. Erfahre, wie du das Filterverhalten anpasst, indem du die Search & Discovery-App von Shopify verwendest.

Die Anzahl der angezeigten Produkte hängt auch davon ab, ob es sich um Filter auf Produkt- oder Variantenebene handelt. Ein Kunde wählt z. B. möglicherweise mehrere Farbwerte aus einem Produktoptionsfilter aus, aber nur ein Produkt wird angezeigt. Dies liegt daran, dass Produktoptionen Filter auf Variantenebene sind und alle Farben zu den Varianten dieses einen Produkts gehören.

Filterverhalten anpassen

Bei Produkt-Tag-Filtern, Metafeldlisten-Filtern und Metaobjektreferenzlisten-Filtern kannst du die Filterbedingung zwischen Werten auswählen, um die Standardbedingung OR oder die Bedingung AND zu verwenden. Wenn du z. B. beim Filtern mit AND die Werte Neu und Angebot in einem Produkt-Tag-Filter auswählst, werden nur Produkte zurückgegeben, die beide Tags haben.

Schritte:

  1. Gehe in der Shopify Search & Discovery-App zu Filter und klicke dann auf Filter bearbeiten.
  2. Klicke auf das Feld Quelle und wähle eine Filterquelle aus, die du deinen Kunden zur Verfügung stellen möchtest.
  3. Wähle im Abschnitt Logik das Verhalten aus, das auf die Filterwerte angewendet werden soll.
  4. Klicke auf Speichern.

Übersetzungen filtern

Bezeichnungen, Werte und Gruppen der Filter können in die anderen unterstützten Sprachen deines Shops übersetzt werden. Du kannst Inhalte mit Übersetzungs-Apps wie Shopify Translate & Adapt übersetzen.

Wenn es keine übersetzten Inhalte für Filter gibt, wird die Standardsprache des Shops verwendet.

Die Filterwerte basieren auf den übersetzten Inhalten für deine Produkte und Produktvarianten.

Es kann sein, dass du je nach Sprache eine andere Anzahl von Werten für einen Filter hast. Ein Beispiel: Die Standardsprache deines Shops ist Deutsch und auch Französisch wird als unterstützte Sprache hinzugefügt. Deine Filterwerte für Farbe enthalten den Wert Braun. Im Deutschen gibt es ein gängiges Wort für Braun, im Französischen gibt es hingegen zwei. Deine Übersetzungs-App übersetzt den Filterwert Braun für alle Produkte im Shop automatisch in Brun oder Marron. Deine Storefront-Filter zeigen einen Wert für Braun im Filter Farbe auf Deutsch und zwei Werte für Braun auf Französisch an.

Um nur eine Übersetzung für jeden Filterwert zu verwenden, musst du den übersetzten Inhalt des Produkts mit einer Übersetzungs-App bearbeiten.

Marktsprachen

Filterwert-Übersetzungen unterstützen keine zusätzlichen Instanzen einer Sprache, die für bestimmte Märkte eingerichtet wurde. Ein Onlineshop kann zum Beispiel Produktübersetzungen für Französisch und zwei zusätzliche französische Übersetzungen für die Märkte Kanada und Frankreich haben. In diesem Fall basieren alle Filterwerte auf der allgemeinen französischen Sprache, auch wenn die Kunden in diesen speziellen Märkten auf Französisch einkaufen.

Filteretiketten und Filtergruppen unterstützen Sprachübersetzungen für bestimmte Märkte.

Bereit, mit Shopify zu verkaufen?

Kostenlos testen