# 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 **Linken** oder **Rechten** * 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:** * 📧 **Schreiben Sie uns eine E-Mail an:** * 💻 **Chatten Sie live mit uns:** Verfügbar Montag–Freitag, 10:00–18:00 EST, direkt auf unserer Website --- # Agent Instructions: 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: ``` GET https://docs.openspaces.design/german/readme-1/pages-and-menus/collection-page/sidebar-collection.md?ask= ``` The question should be specific, self-contained, and written in natural language. 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.