# Bild-Auswahl-Abschnitt

### **Was Sie lernen werden**

* So fügen Sie den Abschnitt Bildauswahl hinzu und konfigurieren ihn
* So laden Sie Bilder hoch und verknüpfen sie mit Produkten, Seiten oder Kollektionen
* So passen Sie Stile für Mobilgeräte und Desktop an
* So steuern Sie Textgröße, Indikatorstil und Layout

***

### 🧩 Abschnittsübersicht

Der Abschnitt Bildauswahl ermöglicht es Kunden, durch eine Reihe anklickbarer Bilder zu blättern – ideal, um verschiedene Produktlooks, Farbvarianten oder hervorgehobene Kollektionen zu präsentieren.

Jedes Bild fungiert wie ein visueller Link mit optionalem Text und einer anklickbaren URL.

***

### ⚙️ So fügen Sie die Bildauswahl hinzu und passen sie an

#### 1. Abschnitt hinzufügen

* Im **Shopify Theme-Editor**, klicken Sie **Sektion hinzufügen**
* Wählen Sie **Bildauswahl**
* Ziehen Sie den Abschnitt an die gewünschte Stelle in Ihrem Layout

***

### 📷 Folien (Bilder) hinzufügen

Jedes Bild wird als **Folie** Block hinzugefügt.

#### Um eine Folie hinzuzufügen:

1. Klicken Sie **Folie hinzufügen**
2. Laden Sie ein Bild hoch
3. (Optional) Hinzufügen:
   * **Linktext**: Erscheint unter dem Bild
   * **Link-URL**: Fügen Sie einen Produkt-, Kollektion- oder beliebigen Link ein

> 💡 Tipp: Lassen Sie **Linktext** leer für ein klares, nur aus Bildern bestehendes Layout.

***

### 🎨 Design- und Stiloptionen

Unter den **Bildauswahl** Einstellungen, anpassen:

#### Farben

* **Hintergrundfarbe**: Wählen Sie einfarbig oder Verlauf
* **Linkfarbe**: Beeinflusst den Text unter jedem Bild
* **Indikator-Randfarbe**: Rahmenfarbe für das ausgewählte Bild (sichtbar in der Thumbnail-Navigation)

#### Typografie

* **Linktextgröße (Desktop)**: Einstellbar in `px`
* **Linktextgröße (Mobil)**: Einstellbar in `px`
* **Linktextstärke**: Umschalten zwischen `Normal` und `Fett`

> 💡 Tipp: Verwenden Sie fetten und größeren Text zur Hervorhebung, wenn Sie verschiedene Kollektionen betonen möchten.

***

### 🧩 Beispiel für Abschnittsstruktur

```
Bildauswahl
├── Folie – Look 1
├── Folie – Look 2
├── Folie – Look 3
├── Folie – Look 4
├── Folie – Look 5
└── Folie – Look 6
```

***

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