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: [email protected]

• 💻 Chatten Sie live mit uns: Verfügbar Montag–Freitag, 10:00–18:00 EST, direkt auf unserer Website