# Classic Collection

### Was Sie lernen werden

* So aktivieren und konfigurieren Sie den Classic Collection-Bereich auf Ihrer Kategorieseite
* So verwenden Sie die integrierte Produkt-Sortierung
* So passen Sie Styling und Beschriftungen an

***

### 1. Fügen Sie den Classic Collection-Bereich hinzu

1. Navigieren Sie im Shopify-Admin zu **Online-Shop > Designs**.
2. Klicken Sie **Passen Sie** im aktiven Theme.
3. Vom **Kollektion** Seiten-Template, fügen Sie den **Classic Collection** Abschnitt.

> 💡 Tipp: Dieser Bereich unterstützt Sortierung, Produktetiketten (Vorbestellung, im Angebot, nicht vorrätig) und detaillierte Anzeigeeinstellungen.

***

### 2. Fügen Sie Sortieroptionen hinzu und konfigurieren Sie sie

Sie können mehrere Sortierarten hinzufügen, wie „Empfohlen“, „Niedrigster Preis“ und „Neueste zuerst“.&#x20;

#### Schritte:

1. Innerhalb der **Classic Collection** Bereichseinstellungen fügen Sie neue **Sortieroption** Blöcke hinzu.
2. Für jede einzelne:
   * Stellen Sie die **Optionstitel** (was Ihre Nutzer sehen werden)
   * Wählen Sie die **Sortieren nach** Methode (z. B. Empfohlen, Preis, Datum)

***

### 3. Gestalten Sie das Collection-Layout

Der Classic Collection-Bereich bietet viele Optionen für Layout und Typografie:

#### Warenkorb- & Kopfzeileneinstellungen:

* Datum/Uhrzeit umschalten
* Farben des Warenkorb-Symbols festlegen

#### Kategoriestruktur-Menü:

* Position und Ausrichtung des Menüs
* Abstand der Links und Schriftgröße
* Menüfarben (Hover, Untermenü, usw.)

!\[Platzhalter für Screenshot - Styling des Kategorienmenüs]

#### Produkt-Titel & Preise:

* Schriftgröße und Farben
* Styling des Vergleichspreises
* Währungsformat-Umschalter

***

### 4. Etiketten-Steuerung

Produktetiketten ein- oder ausblenden und ihr Erscheinungsbild ändern:

* **Vorbestellung**
* **Im Angebot**
* **Nicht vorrätig**

Sie können Hintergrund, Textfarben und Schriftgrößen der Etiketten anpassen.

***

### 5. Hintergrund & Symbole

Steuern Sie das visuelle Erscheinungsbild des Bereichs:

* Produkt-Hintergrundfarben und Border-Radius
* Such- und Sortiersymbol-Farben und Platzierung

***

### 6. Paginierungs-Einstellungen

Wählen Sie zwischen **unendlichem Scrollen** oder **Paginierung** und stylen Sie die Navigationselemente:

* Farben der aktiven Seite festlegen
* Passen Sie Pfeilsymbole und Schriftarten an

### **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
