# Zentrum-Menü

> **Was Sie lernen werden**
>
> * So erstellen Sie eine Homepage mit dem Center-Menu-Layout
> * So verbinden Sie Ihre Menüs und passen Schriftarten, Farben und Ausrichtung an

***

### Über das Center Menu

Die **Zentrum-Menü** Das Layout platziert Ihr Logo und die Navigationspunkte vertikal gestapelt in der Mitte der Seite. Es ist von Marken wie Supreme inspiriert und für Shops gedacht, die ein wirkungsvolles Landing-Erlebnis mit minimalem Scrollen möchten.

Dieses Layout funktioniert am besten mit einem starken Hintergrund (Bild oder Video) und minimalem Homepage-Inhalt.

> ⚠️ Die `Dynamischer Hintergrund` Sektion wurde in den neuesten Theme-Versionen veraltet. Jegliche Hintergrundanpassungen sollten jetzt direkt innerhalb der Center Menu-Sektion vorgenommen werden.

### So richtest du es ein

#### 1. Beginnen Sie mit einer sauberen Leinwand

* Entfernen Sie im Theme-Editor alle Sektionen außer `Seiten-Leinwand`.

#### 2. Fügen Sie die Center Menu-Sektion hinzu

* Klicken Sie **Sektion hinzufügen > Center Menu**
* Ihr Logo und Menü werden zentriert auf der Seite erscheinen

#### 3. Verbinden Sie Ihr Navigationsmenü

* Wählen Sie in den Einstellungen des Center Menu ein Shopify-Menü aus dem Dropdown-Menü
* Wenn Sie noch kein Menü haben:
  * Gehen Sie zu **Shopify-Admin > Onlineshop > Navigation** und erstellen Sie eines

***

### Anpassung des Center Menu

#### Logo-Einstellungen

* **Uhr**: Aktivieren oder deaktivieren Sie die Anzeige der Uhr des Live-Shops
* **Datumsformat**: Wählen Sie Ihr bevorzugtes Datumsformat
* **Uhrzeitfarbe**: Passen Sie die Farbe des Uhr-Textes an

#### Menü-Konfiguration

* **Menü auswählen**: Verbinden Sie Ihre Navigation
* **Ausrichtung**: Richten Sie Ihre Links linksbündig, zentriert oder rechtsbündig aus
* **Login-Link anzeigen**: Optional: Schaltfläche für Kunden-Login anzeigen

#### Styling-Optionen

* **Link-Textfarbe**
* **Link-Textfarbe (bei Hover)**
* **Link-Hintergrundfarbe (bei Hover)**
* **Link-Schriftgröße**
* **Vertikaler Abstand der Links**

#### Social-Media-Symbole

* Fügen Sie Links für X, Instagram, TikTok und mehr über den Block "Soziale Medien-Link" unter der Sektion hinzu

***

### Hintergrundoptionen

Die Center Menu-Sektion erlaubt die folgenden Hintergrundtypen:

* **Volltonfarbe**: Legen Sie unterschiedliche Farben für Desktop und Mobilgerät fest
* **Bild**: Laden Sie gerätespezifische Hintergrundbilder hoch
* **Diashow**: Fügen Sie bis zu 3 rotierende Bilder hinzu
* **Video**: Fügen Sie einen sich wiederholenden Videohintergrund hinzu (Hinweis: Videos werden auf iOS möglicherweise nicht automatisch abgespielt, wenn der Energiesparmodus aktiviert ist)

#### Zusätzliche Einstellungen

* **Sektionshöhe**: Auf volle Höhe einstellen oder manuell anpassen
* **Overlay-Optionen**:
  * Steuern Sie Overlay-Farben und Transparenz oben und unten
  * Getrennte Steuerungen für Desktop und Mobilgerät

> 💡 Tipp: Verwenden Sie Overlays, damit weiße oder helle Texte vor Hintergrundbildern oder Videos besser zur Geltung kommen.

***

### Wann dieses Layout verwenden

Verwenden Sie das Center-Menu-Layout, wenn:

* Sie eine auffällige, minimalistische Homepage möchten
* Sie möchten, dass die erste Interaktion ein einfaches Menü mit hoher visueller Wirkung ist
* Sie den Traffic direkt in Kollektionen oder Produktseiten lenken möchten

***

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