Die wichtigsten Punkte
- Die Anpassung der Kategorie-Seite (Collection Page) erfolgt im Theme Editor — navigiere zu einer beliebigen Kategorie-Seite, um ihr Layout zu bearbeiten.
- Du kannst ein Banner, eine Beschreibung und zusätzliche Inhaltsabschnitte über und unter dem Produktraster hinzufügen.
- Filter, Sortierung und die Anzahl der Raster-Spalten lassen sich bei den meisten modernen Themes direkt im Theme Editor anpassen.
- Für ein komplett individuelles Layout für eine bestimmte Kategorie erstellst du ein benutzerdefiniertes Kategorie-Template.
Um eine Kategorie-Seite in Shopify anzupassen, öffne Onlineshop → Themes → Anpassen, wechsle zu einer Kategorie-Seite und bearbeite dann den Header der Kategorie, das Produktraster und die Filtereinstellungen. Wenn du nur eine einzige Kategorie ändern möchtest, weise ihr ein eigenes Template zu.
Warum du uns vertrauen kannst
Jacques hat über 15 Jahre Erfahrung in der Entwicklung. Wir haben mit Hunderten von Händlern an der Optimierung von Kategorie-Seiten gearbeitet und entwickeln Fudge, den KI-Operator für Shopify-Shops, mit einer 4.9-Bewertung im Shopify App Store. Kategorie-Layouts gehören zu den Anpassungen, die der Store Editor in einem Theme vornimmt.
So greifst du auf die Einstellungen der Kategorie-Seiten in Shopify zu
Schritt 1. Gehe zu Onlineshop → Themes → Anpassen (Customize).
Schritt 2. Klicke oben im Editor auf die Auswahl des Seitentyps und wähle Kategorien → Standardkategorie (oder navigiere bei geöffnetem Editor zu einer bestimmten Kategorie-URL).
Schritt 3. In der linken Seitenleiste werden die Abschnitte und Einstellungen für deine Kategorie-Vorlage angezeigt.
Was du auf einer Shopify Kategorie-Seite anpassen kannst
Kategorie-Header
Die meisten Themes zeigen oben auf der Seite den Kategorietitel und optional ein Bild sowie eine Beschreibung an. Klicke im Theme Editor auf den Abschnitt „Kategorie-Header“, um Folgendes zu aktualisieren:
- Bannerbild – lege ein Hero-Image für diese Kategorie fest
- Beschreibung – die im Admin-Bereich eingegebene Kategoriebeschreibung erscheint hier
- Text-Overlay – bei einigen Themes kannst du die Titelposition und Textfarbe über dem Bild steuern
Product Grid Einstellungen
Klicke auf den Abschnitt Product Grid oder Hauptkategorie, um Folgendes anzupassen:
- Produkte pro Zeile – normalerweise 2–4 auf dem Desktop
- Bildverhältnis – Quadratisch, Porträt oder Landschaft (halte dies konsistent mit deinem Produktfoto-Format)
- Ein-/ausblenden – Quick Add Buttons, Produkt-Badges, Herstellername, Sonderpreise
Filter und Sortierung
Unter den Einstellungen für Filtern und Sortieren kannst du Folgendes aktivieren:
- Sortierung anzeigen — ermöglicht Kunden, nach Preis, Bestseller, Datum (neu bis alt) usw. zu sortieren.
- Filter anzeigen — Facetten-Suche nach Tag, Preisspanne, Verfügbarkeit.
- Filter-Layout — horizontale Leiste oder vertikale Sidebar.
Für weitere Sortieroptionen, sieh dir an, wie man Sortieroptionen zu einer Shopify-Kategorie-Seite hinzufügt.
So fügst du ein Banner zu einer Shopify Kategorie-Seite hinzu
Option 1 – Das Kategoriebild verwenden. Lege ein Kategoriebild unter Produkte → Kategorien → deine Kategorie → Kategoriebild fest. Die meisten Themes zeigen dieses automatisch als Banner an.
Option 2 – Theme Editor Abschnitt. Einige Themes haben einen speziellen „Kategorie-Banner“-Abschnitt, den du pro Kategorie anpassen kannst.
Option 3 – Eigener Header-Abschnitt. Wenn dein Theme keine nativen Banner pro Kategorie unterstützt, kann ein Entwickler oder Fudge einen Abschnitt hinzufügen, der das Kategoriebild oder ein benutzerdefiniertes Metafeld ausliest.
So fügst du benutzerdefinierten Text zu einer Shopify Kategorie-Seite hinzu
Die Kategoriebeschreibung (eingegeben unter Produkte → Kategorien → deine Kategorie) wird auf der Seite ausgegeben. Dies ist der einfachste Weg, um einer Kategorie individuellen Text hinzuzufügen.
Für reichhaltigere Inhalte – Absätze, gestaltete Callouts oder Abschnitte unter dem Product Grid – füge Inhaltsabschnitte über den Theme Editor hinzu. Die meisten Themes erlauben es dir, Rich Text, Bild mit Text oder Feature-Blöcke unter dem Product Grid einzufügen.
So erstellst du ein individuelles Layout für eine bestimmte Kategorie
Standardmäßig nutzen alle Kategorien die gleiche Vorlage. Um einer Kategorie ein einzigartiges Layout zu geben:
Schritt 1. Navigiere im Theme Editor zu einer Kategorie-Seite.
Schritt 2. Klicke oben im Editor auf den Vorlagennamen → Vorlage erstellen → Kategorie.
Schritt 3. Benenne sie (z. B. sale oder featured).
Schritt 4. Passe das Layout an – ordne Abschnitte neu an, füge neue hinzu, entferne Überflüssiges.
Schritt 5. Weise die Vorlage deiner Kategorie zu. Gehe zu Produkte → Kategorien → deine Kategorie → scrolle nach unten zu Theme-Vorlage → wähle deine neue Vorlage aus.
Diese Kategorie hat nun ein individuelles Layout. Alle anderen bleiben bei der Standardvorlage.
So fügst du Filter zu einer Shopify Kategorie-Seite hinzu
Filter in Shopify werden durch Search & Discovery bereitgestellt — Shopifys kostenlose App für Facetten-Filter.
Schritt 1. Installiere Search & Discovery aus dem Shopify App Store (kostenlos).
Schritt 2. Gehe in der App auf Filter und füge Filteroptionen hinzu — nach Produkttyp, Anbieter, Preis, Verfügbarkeit oder jedem beliebigen Tag oder Metafeld.
Schritt 3. Aktiviere im Theme Editor die Filteranzeige unter den Filtern- und Sortieren-Einstellungen deiner Kategorie.
Filter funktionieren nur, wenn die Produktdaten konsistent sind. Erstelle Farb- und Größenfilter lieber aus Varianten-Optionen oder Metafeldern statt aus Tags und verwende immer nur einen Wert pro Farbe.
SEO-Tipps für Kategorie-Seiten
Kategorie-Seiten können für Kategorie-Suchanfragen ranken:
- Verwende keyword-reiche Titel — „Ledergeldbörsen für Herren“ statt „Accessoires“
- Schreibe eine echte Kategorie-Beschreibung — 100-200 Wörter, die auf den Suchbegriff der Kategorie abzielen
- Passe die URL an —
/collections/herren-leder-geldboersenstatt/collections/ac-12 - Interne Verlinkung — verlinke von Blogbeiträgen und anderen Kategorie-Beschreibungen auf Kategorie-Seiten
Um Buttons auf der Seite selbst hinzuzufügen, sieh dir an, wie man CTAs zu einer Shopify-Kategorie-Seite hinzufügt.
FAQ
Warum gelten meine Änderungen an der Kategorie-Seite nicht für alle Kategorien?
Wenn du das „Standard-Kategorie“-Template (Default collection) angepasst hast, gelten die Änderungen für alle Kategorien, die dieses Template verwenden. Wenn du das Template einer bestimmten Kategorie angepasst hast (z. B. collection.sale), gelten die Änderungen nur dort, wo dieses Template zugewiesen ist. Überprüfe unter Produkte → Kategorien → „Theme-Template“, welches Template jede Kategorie verwendet.
Kann ich in Shopify unterschiedliche Filter pro Kategorie haben?
Nicht direkt. Search & Discovery-Filter werden für den gesamten Shop festgelegt. Allerdings zeigt jede Kategorie nur die Filterwerte an, die ihre Produkte auch wirklich haben. Ein Watt-Filter erscheint also nicht bei einer Kleidungskategorie ohne Angaben zur Wattzahl.
Sollte ich für jede Kategorie-Seite eine lange Beschreibung schreiben?
Für übergeordnete/Hauptkategorien ja (100–300 Wörter für SEO und Kontext für den Käufer). Für weniger wichtige Kategorien (z. B. „Kürzlich hinzugefügt“, „Demnächst“) reicht eine kurze oder gar keine Beschreibung aus. Lange Beschreibungen bei jeder Kategorie verwässern deine Bemühungen und erzeugen Beinahe-Duplicate-Content, wenn die Texte wie aus einer Vorlage wirken.
Warum wird mein Kategorie-Banner auf Mobilgeräten nicht richtig angezeigt?
Für Kategorien hochgeladene Bannerbilder sind meist im Querformat — sie werden auf mobilen Bildschirmen im Hochformat ungünstig zugeschnitten. Drei Optionen: (1) Lade ein separates Bild für Mobile hoch (einige Themes unterstützen dies in den Abschnittseinstellungen), (2) passe die object-position des Bannerabschnitts an, damit der Fokuspunkt beim Hochformat-Zuschnitt sichtbar bleibt, oder (3) blende das Banner auf dem Smartphone komplett via CSS aus.
Kann ich auf einer Kategorie-Seite verschiedenen Kunden unterschiedliche Produkte anzeigen?
Ja, über Shopify Markets (unterschiedliche Kataloge pro Markt) oder basierend auf Kunden-Tags. Für eine Tag-basierte Zugriffskontrolle beschreibe einfach, was du möchtest, an Fudge ("Verstecke Produkte mit dem Tag 'nur-grosshandel' vor normalen Kunden, zeige sie nur eingeloggten Grosshandelskunden") und Fudge bearbeitet den Liquid-Code des Kategorie-Templates, um es je nach Kunde bedingt zu laden. Alternativen: eine Personalisierungs-App oder den Liquid-Code selbst bearbeiten.