Das Wichtigste auf einen Blick
- Aktivieren oder deaktivieren Sie Sortieroptionen im Theme-Editor > Kategorie-Seite > Filter- und Sortiereinstellungen.
- Die Shopify Search & Discovery App steuert, welche Filtertypen verfügbar sind (Preis, Tag, Anbieter usw.).
- Zu den verfügbaren Sortieroptionen gehören: Bestseller, Preis, Neueste, Älteste, Produkttitel A-Z.
- Filter und Sortierung sind über die integrierten Tools von Shopify kostenlos – keine kostenpflichtige App erforderlich.
Sortierung und Filter helfen Kunden dabei, Produkte auf großen Kategorie-Seiten schneller zu finden. Shopify enthält diese Funktionen nativ – hier erfahren Sie, wie Sie sie aktivieren und konfigurieren.
Warum Sie uns vertrauen können
Wir haben hunderte von Shopify-Storefronts erstellt und angepasst. Wir haben auch Fudge entwickelt – einen KI-Storefront-Editor mit einer 5,0-Bewertung im Shopify App Store.
So aktivieren Sie Sortieroptionen auf Kategorie-Seiten
Sortieroptionen werden im Theme Editor aktiviert.
Schritt 1. Gehen Sie zu Onlineshop > Themes > Anpassen.
Schritt 2. Navigieren Sie über die Seitenauswahl oben zu einer Kategorieseite (Collection page).
Schritt 3. Klicken Sie in der linken Seitenleiste auf den Abschnitt Kategorie oder Produkt-Raster.
Schritt 4. Suchen Sie nach Einstellungen wie “Sortierung aktivieren”, “Sortierung anzeigen” oder Ähnlichem. Aktivieren Sie diese.
Schritt 5. Speichern.
Nun erscheint ein Sortier-Dropdown auf Ihren Kategorieseiten. Kunden können damit die Produktreihenfolge ändern.
Passend dazu: Strukturierte Daten in Shopify hinzufügen.
Verfügbare Sortieroptionen in Shopify
Wenn die Sortierung aktiviert ist, können Kunden nach folgenden Kriterien sortieren:
- Vorgestellt – Ihre Standard-Sortierreihenfolge (die im Kategorie-Editor festgelegt wurde)
- Bestseller – sortiert nach historischem Verkaufsvolumen
- Alphabetisch, A-Z und Z-A
- Preis, niedrig bis hoch und hoch bis niedrig
- Datum, neu bis alt und alt bis neu
Ohne Code oder eine Drittanbieter-App können keine benutzerdefinierten Sortieroptionen (wie „Empfohlen“ oder „Bewertung“) hinzugefügt werden. Die obige Liste entspricht dem Shopify-Standard.
Weitere Details finden Sie in unserem Guide zum Thema Inhaltsstoffe oder Pflegehinweise in Shopify hinzufügen.
Passend dazu: Eigenes JavaScript in Shopify hinzufügen.
Passend dazu: Produkte in einer Shopify-Kategorie neu anordnen.
So aktivieren Sie Filter auf Kategorie-Seiten
Filter ermöglichen es Kunden, das Produkt-Raster nach Attributen wie Preisspanne, Produkttyp, Farbe, Größe oder Anbieter einzugrenzen.
Die Shopify Search & Discovery App steuert die verfügbaren Filter. Sie ist kostenlos und wird von Shopify gepflegt.
Schritt 1. Gehen Sie in Ihrem Shopify-Adminbereich zu Apps und suchen Sie nach „Search & Discovery“ – eventuell ist sie bereits installiert. Falls nicht, installieren Sie sie aus dem App Store (sie ist kostenlos).
Schritt 2. Öffnen Sie die Search & Discovery App.
Schritt 3. Gehen Sie zu Filter. Hier können Sie Filteroptionen hinzufügen und konfigurieren:
- Verfügbarkeit (Auf Lager / Nicht vorrätig)
- Preis (Schieberegler)
- Produkttyp
- Anbieter / Marke
- Tag-basierte Filter – dies ist die leistungsstärkste Option, mit der Sie Filter wie „Farbe“, „Größe“ oder „Material“ basierend auf Produkt-Tags erstellen können
Schritt 4. Fügen Sie die gewünschten Filter hinzu und legen Sie deren Anzeigenamen fest.
Schritt 5. Stellen Sie sicher, dass in Ihrem Kategorieseiten-Template im Theme Editor das Filtering aktiviert ist (suchen Sie nach „Filterung aktivieren“ in den Einstellungen des Kategorie-Abschnitts).
Passend dazu: Eine Kategorieseite in Shopify anpassen.
Tag-basierte Filter
Die nützlichsten Filter stammen von Produkt-Tags. Wenn Sie Ihre Produkte konsistent taggen (z. B. farbe:blau, farbe:rot, größe:small, größe:large), kann die Search & Discovery App diese Tags in Filtergruppen umwandeln.
So richten Sie tag-basierte Filter ein:
- Klicken Sie in der Search & Discovery App > Filter auf Filter hinzufügen.
- Wählen Sie Produkt-Tag.
- Legen Sie den Namen der Filtergruppe fest (z. B. „Farbe“) und geben Sie an, welche Tags dazu gehören.
Damit dies funktioniert, müssen Ihre Produkte konsistent getaggt sein. Gehen Sie zu Produkte > wählen Sie ein Produkt aus > Feld Tags, um Tags hinzuzufügen oder zu überprüfen.
Filter- und Sortierergebnisse anzeigen
Ein nützliches UX-Feature ist die Anzeige, wie viele Produkte einer Filterauswahl entsprechen (z. B. „Blau (12)“). Dies wird manchmal als Anzahl der Filterergebnisse bezeichnet und ist in einigen Shopify-Themes nativ verfügbar – suchen Sie im Theme-Editor > Kategorie-Bereichseinstellungen nach einem Schalter „Filterergebnisse anzeigen“.
Position des Filter- und Sortier-Panels
Standardmäßig erscheinen Filter oft in einer linken Seitenleiste oder oberhalb des Produkt-Grids, je nach Theme. In den Einstellungen des Kategorie-Bereichs im Theme-Editor können Sie oft wählen zwischen:
- Horizontaler Filterleiste oberhalb des Grids
- Vertikaler Seitenleiste auf der linken Seite
- Drawer, der sich von links öffnet
Wählen Sie das Layout, das zu Ihrem Theme und Ihrer Produktdichte passt.
Individuelles Filtern über Shopify Native hinaus
Wenn Sie Metafeld-basiertes Filtern (Filtern nach Produkt-Metafeldern statt nach Tags), facettierte Suche oder komplexe verschachtelte Filterlogik benötigen, stoßen die nativen Tools von Shopify und Search & Discovery an ihre Grenzen. Drittanbieter-Apps wie Boost Commerce oder Searchpie erweitern dies erheblich.
Für individuelle Filter-UI-Designs, die vom Standardstil Ihres Themes abweichen, kann Fudge das Filter-Panel basierend auf Ihrer Beschreibung neu erstellen.
Verwandt: Add Custom JavaScript in Shopify.