Das Wichtigste in Kürze
- Aktiviere oder deaktiviere 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.
Sortieren und Filtern hilft Kunden dabei, Produkte auf großen Kategorie-Seiten schneller zu finden. Shopify bringt diese Funktionen von Haus aus mit – hier erfährst du, wie du sie aktivierst und konfigurierst.
Warum Sie uns vertrauen können
Wir haben Hunderte von Shopify-Storefronts erstellt und angepasst. Außerdem haben wir Fudge entwickelt – einen KI-Storefront-Editor mit einer Bewertung von 4.8 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
Mit Filtern können Kunden das Produktraster nach Eigenschaften wie Preisspanne, Produkttyp, Farbe, Größe oder Anbieter eingrenzen.
Die Search & Discovery App von Shopify steuert die verfügbaren Filter. Sie ist kostenlos und wird von Shopify gepflegt.
Schritt 1. Gehe in deinem Shopify-Adminbereich zu Apps und suche nach „Search & Discovery“ – vielleicht ist sie schon installiert. Falls nicht, installiere sie aus dem App Store (sie ist kostenlos).
Schritt 2. Öffne die Search & Discovery App.
Schritt 3. Gehe zu Filter. Hier kannst du Filteroptionen hinzufügen und konfigurieren:
- Verfügbarkeit (Auf Lager / Nicht vorrätig)
- Preis (Slider)
- Produkttyp
- Anbieter / Marke
- Tag-basierte Filter – das ist die leistungsstärkste Option. Damit kannst du Filter wie „Farbe“, „Größe“ oder „Material“ basierend auf Produkt-Tags erstellen.
Schritt 4. Füge die gewünschten Filter hinzu und lege ihre Anzeigenamen fest.
Schritt 5. Stelle sicher, dass auf deiner Kategorie-Seitenvorlage das Filtern im Theme-Editor aktiviert ist (suche in den Einstellungen des Kategorie-Abschnitts nach „Filterung aktivieren“).
Passend dazu: Eine Kategorie-Seite 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 du Metafield-basiertes Filtern (Filtern nach Produkt-Metafields statt nach Tags), Faceted Search oder komplexe verschachtelte Filterlogik benötigst, 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 benutzerdefinierte Filter-UI-Designs, die vom Standardstil deines Themes abweichen, kann Fudge das Filter-Panel basierend auf deiner Beschreibung neu aufbauen.
FAQ
Ja. Gehe zu Produkte → Kategorien → klicke auf die Kategorie → lege unten "Sortieren nach" fest. Der Standard ist "Manuell" (was im Storefront "Empfohlen" entspricht), aber du kannst auch Bestseller, Neueste, Alphabetisch usw. wählen. Dies legt die anfängliche Sortierung fest; Kunden können sie danach immer noch ändern.
Dafür gibt es drei häufige Gründe: (1) Die Search & Discovery App ist nicht installiert, (2) du hast sie installiert, aber den Preisfilter unter 'Filter' nicht konfiguriert, oder (3) der Filter-Bereich des Themes ist im Theme-Editor deaktiviert. Alle drei Voraussetzungen müssen erfüllt sein, damit der Filter gerendert wird.
Native Filter über Search & Discovery haben kaum Auswirkungen auf die Ladezeit – sie nutzen die indexierte Suche von Shopify. Filter-Apps von Drittanbietern (wie Boost oder Searchpie) können schwerfälliger sein; checke Lighthouse am besten vor und nach der Installation. Bei sehr großen Kategorien (1000+ Produkte) wird die Filter-Performance eher durch die Datenmenge bestimmt und nicht durch die Filter-App.
Ja, in neueren Shopify Online Store 2.0 Themes. Unter Search & Discovery → Filter → 'Filter hinzufügen' kannst du Metafeld-basierte Filter auswählen, sofern du Produkt-Metafelder definiert hast. Ältere Themes unterstützen Metafeld-Filter möglicherweise selbst mit der App nicht — beschreibe Fudge einfach, was du möchtest ("Füge einen Metafeld-gesteuerten 'Material'-Filter zur Kategorie-Seite hinzu"), und es fügt die Filter-Logik direkt in dein Kategorie-Template ein.
Gehe im Theme-Editor → Abschnitt 'Kategorie' (Collection) → deaktiviere "Sortierung aktivieren" oder Ähnliches. Manche Themes erlauben es nicht, die Sortierung auszuschalten – in diesem Fall müsstest du eine Code-Änderung vornehmen, um das Sortier-Dropdown aus der Abschnittsvorlage zu entfernen.
