Seitenleisten-Kollektion

Für Plain Jane und Plain Jane Interactive

Was Sie lernen werden

• So konfigurieren Sie den Abschnitt Seitenleisten-Kollektion

• So passen Sie Warenkorb-, Menü-, Produkt- und Etikett-Einstellungen an

• So aktivieren Sie Sortier-, Such- und Paginierungsfunktionen

---

So passen Sie die Seitenleisten-Kollektion an

1. Navigieren Sie zum Theme-Editor

   • Gehen Sie in Ihrem Shopify-Adminbereich zu Online-Shop > Designs

   • Klicken Sie Passen Sie in Ihrem aktiven Theme

   • Öffnen Sie die Kollektion Vorlage und wählen Sie die Seitenleisten-Kollektion Abschnitt

2. Seitenleisten-Menü

   • Klicken Sie Wählen Sie um ein Menü zuzuweisen

   • Positionieren Sie die Seitenleiste auf der Links oder Rechts

   • Optional laden Sie ein Skin-Bild hoch um den Hintergrund anzupassen

3. Seitenleisten-Einstellungen

   • Passe Seitenleisten-Deckkraft mithilfe des Schiebers (z. B. 1 px)

   • Stellen Sie die Hintergrundfarbe (z. B. #202020)

   • Schalten Sie Fixiertes Menü aktivieren oder Seitenleisten-Schatten aktivieren nach Bedarf

4. Datum & Uhrzeit (Optional)

   • Passen Sie Datum/Uhrzeit-Farben für Desktop und Mobil

   • Schalten Sie Datum/Zeit anzeigen um Zeitstempel anzuzeigen

5. Seitenleisten-Links

   • Legen Sie Textausrichtung (Links, Zentriert)

   • Abstand anpassen für Link-Ebenen und Schriftgröße

   • Farben anpassen:

     • Menü- & Warenkorb-Link-Farben

     • Warenkorb-Text, Menge, und Hintergrund Farben

     • Mobile Farben inklusive

6. Produkttitel & Preise

   • Passen Sie Schriftgröße und Textfarbe für Titel und Preise

   • Legen Sie Farbe des Vergleichspreises (z. B. rot #FF0000)

   • Anzeigeoptionen umschalten:

     • Produkttitel anzeigen

     • Produktpreise anzeigen

     • Vergleichspreise anzeigen

7. Etiketten

   • Schriftgröße sowie Hintergrund-/Textfarben einstellen für:

     • Vorbestellung

     • Im Angebot

     • Nicht auf Lager

   • Sichtbarkeit jeder Etikettenart umschalten

8. Produkt-Hintergrund

   • Legen Sie Eckenradius und Hintergrundfarbe

   • Machen Sie optional den Hintergrund transparent

9. Such- & Sortiersymbole

   • Symbolposition festlegen Position des Symbols festlegen und Farben

   • Sichtbarkeit umschalten von Such-/Sortiersymbolen und Symbole tauschen

10. Suchleiste

    • Passe Hintergrund-Deckkraft und Farben für:

      • Suchfeld

      • Abbrechen-Schaltfläche

      • Suchergebnisse

      • Eingabefeld

    • Optional Ecken und Schatten gestalten

11. Sortiermenü

    • Anpassen:

      • Text- & Hintergrundfarben für Standard- und aktive Optionen

      • Farben des Sortiermenü-Griffs

12. Paginierung & Laden

    • Wählen Sie Paginierungstyp: Unendliches Scrollen oder Seitennummern

    • Farben festlegen für:

      • Paginierungstext

      • Aktive Seite und deren Text

      • Paginierungspfeile

💡 Tipp: Vorschau sowohl in der Desktop- als auch in der mobilen Ansicht, um Abstand, Lesbarkeit und Layout-Integrität zu überprüfen.

Brauchen Sie Hilfe?

• 💬 Treten Sie unserer Community auf 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