> For the complete documentation index, see [llms.txt](https://docs.openspaces.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.openspaces.design/german/plain-jane-interactive/pages-and-menus/collection-page/sidebar-collection.md).

# 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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.openspaces.design/german/plain-jane-interactive/pages-and-menus/collection-page/sidebar-collection.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.