# Seitenleisten-Kollektion

### 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:** <support@openspaces.design>
* 💻 **Chatten Sie live mit uns:** Verfügbar Montag–Freitag, 10:00–18:00 EST, direkt auf unserer Website