3. Erstellen und Anpassen Ihrer Kategorieseite

Für Plain Jane und Interactive

Was Sie lernen werden

  • Wie man Sammlungen in Shopify erstellt und organisiert

  • Wie man Menüs für Kategorieseiten erstellt und zuweist

  • Wie man die „Klassische Sammlung“ und „Seitenleisten-Sammlung“ in den Themes Plain Jane v3 und Interactive v2 verwendet und anpasst

  • Wie man Gestaltungseinstellungen wie Abstände, Schriftarten, Farben und Produktanzeigeoptionen bearbeitet

🛠️ Erste Schritte: Grundlagen der Shopify-Einrichtung

Dieser Abschnitt richtet sich an Anfänger, die ihren Shop zum ersten Mal einrichten.

1. Produktkollektionen erstellen

  1. Gehen Sie zu Ihrem Shopify-Admin > Produkte > Sammlungen.

  2. Klicken Sie Sammlung erstellen.

  3. Gib deiner Sammlung einen Namen (z. B., Oberteile, Unterteile, Accessoires).

  4. Setze den Sammlungstyp Typ auf Manuell.

    ⚠️ Manuelle Sammlungen erlauben es dir, die Produktreihenfolge manuell zu steuern.

  5. Klicken Sie Speichern, dann verwende die Durchsuchen Schaltfläche, um Produkte hinzuzufügen.

Wiederhole dies für jede Kategorie.

2. Erstelle ein Menü für deine Kategorieseiten-Seitenleiste

  1. Gehen Sie zu Onlineshop > Navigation.

  2. Klicken Sie Menü hinzufügen.

  3. Nenne es etwas wie Shop-Menü.

  4. Füge Links hinzu wie:

    • Oberteile → Verlinke zu deiner Oberteile Sammlung

    • Unterteile → Verlinke zu deiner Unterteile Sammlung

    • Oberbekleidung, Schuhe, usw.

  5. Du kannst Elemente ziehen, um sie zu verschachteln (z. B., Shorts unter Unterteile).

  6. Klicken Sie Menü speichern.

🎨 Theme-Anpassung: Kategorieseiten

Diese Anweisungen gelten für beide Plain Jane v3 und Interactive v2 Themes.

  1. Navigieren Sie zu Onlineshop > Themes > Passen Sie

  2. Verwende das Seiten-Auswahl-Dropdown, um zu wechseln zu Sammlungen Vorlage

Klassischer Sammlungsbereich

  1. Gehen Sie zu Onlineshop > Themes > Passen Sie.

  2. Wähle im linken Bereich die Kategorieseite Vorlage.

  3. Suche nach einem Bereich mit der Bezeichnung Klassische Sammlung.

Wichtige Einstellungen:

  • Menü auswählen: Weise das benutzerdefinierte Shop-Menü zu, das du erstellt hast.

  • Menüposition: Wähle Linken oder Rechten.

  • Textausrichtung: Optionen für Linken, Zentriert, oder Rechten.

  • Schriftgröße & Abstände: Passe Menü- und Linkabstände an.

  • Menüfarben: Passe Hintergrund- und Textfarben an.

  • Produkt-Titel/Preise anzeigen: Sichtbarkeit umschalten und Schriftgröße sowie Farbe anpassen.

  • Produktrahmen: Rahmen und Hover-Effekte hinzufügen.

  • Produkt-Hintergrundradius: Passe die Ecken von eckig bis abgerundet an.

  • Hintergrund transparent machen: Funktioniert am besten mit transparenten PNGs.

Such- und Sortieroptionen

  • Position: Symbole ausrichten Linken, Zentriert, oder Rechten.

  • Farben: Passe Symbol- und Dropdown-Menüfarben an.

  • Suche-Overlay-Einstellungen:

    • Passe Hintergrund-Opazität

    • Legen Sie Suchfeld-Hintergrundfarbe

  • Sortiermenü: Wähle, wie Produkte sortiert werden: Empfohlen, Neueste, Preis, usw.

Sale-Labels

  • Zeige Rabattlabels wie „Im Angebot“

  • Beschriftung anpassen Schriftgröße an, Textfarbeund Hintergrundfarbe

Produkte mit PNGs hochladen

💡 Tipp: Verwende transparente PNGs, wenn du Hintergrundfarben mit dem Theme-Editor steuern möchtest.

🧭 Seitenleisten-Sammlung (Optional)

Möchtest du ein traditionelleres Layout? Verwende stattdessen die Seitenleisten-Sammlung.

  1. Im selben Kategorieseite Vorlage, verberge den Klassische Sammlung Bereich.

  2. Aktiviere stattdessen die Seitenleisten-Sammlung Seitenleisten-Sammlung aktivieren

Einstellungen der Seitenleisten-Sammlung:

  • Weise ein Menü

  • Seitenleistenposition: Linken oder Rechten

  • Seitenleisten-Hintergrund hochladen (genannt „Skin")

  • Passe Deckkraft, Schattenund festes Scroll- Verhalten

💡 Tipp: Fixierte Seitenleisten bleiben beim Scrollen sichtbar.

Alle anderen Anzeigeeinstellungen wie Produktinformationen, Labels und Such-/Sortiersymbole funktionieren wie im Abschnitt Klassische Sammlung.

✅ Abschließende Hinweise

  • Klicken Sie stets auf Speichern im Theme-Editor nachdem du Änderungen vorgenommen hast.

  • Wenn Änderungen nicht sofort angezeigt werden, versuche die Seite zu aktualisieren.

  • Halte Produktbildgrößen konsistent (z. B. 1000x1000px) für ausgerichtete Layouts.

Brauchen Sie Hilfe?

  • 💬 Für technischen Support treten Sie unserem Discord bei: https://discord.gg/hcc2GvgZc6

  • 📧 Schreiben Sie uns eine E-Mail an: [email protected]

  • 💻 Chatten Sie live mit uns: Verfügbar Montag–Freitag, 10:00–18:00 EST, direkt auf unserer Website

Vorherige2. Einrichten Ihrer StartseiteNächste4. Erstellen und Anpassen Ihrer Produktseite

Zuletzt aktualisiert