Onlineshop-Funktionen

Du kannst mit Abschnitten zu jeder Seite deines Onlineshops Funktionen hinzufügen. Du kannst Abschnitte mit Bildern, Text, Markenfarben und mehr auswählen, hinzufügen und konfigurieren.

Einige Seiten haben Standardabschnitte wie Ankündigungsleiste, Header und Fußzeile. Diese Abschnitte werden auf jeder Seite angezeigt.

Alle Themes von Shopify enthalten die Onlineshop-Funktionen, die auf dieser Seite angegeben sind. Darüber hinaus können bezahlte Themes auch einige dieser Funktionen enthalten. Weitere Informationen dazu findest du im Support-Leitfaden für dein spezifisches Theme.

Ankündigungsleiste

Über die Ankündigungsleiste kannst du deinen Kunden auf jeder Seite wichtige Informationen anzeigen. Außerdem kannst du bis zu 12 verschiedene Ankündigungsblöcke anpassen. Du kannst deiner Ankündigungsleiste auch eine Sprachauswahl, eine Auswahl für das Land bzw. die Region und Social-Media-Symbole hinzufügen.

Wenn du mehrere Ankündigungen hast, kannst du auswählen, ob deine Ankündigungen automatisch in Rotation angezeigt werden sollen oder ob deine Kunden die Ankündigungen mithilfe der Chevron-Schaltflächen manuell durchblättern können.

Abschnittseinstellungen

Überblick über die Einstellungen der Ankündigungsleiste
EinstellungBeschreibung
FarbgebungEin Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.
Trennlinie anzeigenZeigt eine Linie an, um die Ankündigungsleiste visuell vom Seiteninhalt zu trennen.
Social Media-SymboleZeigt Social-Media-Symbole an, die mit deinen Social-Media-Konten verknüpft sind.
Ankündigungen automatisch rotierenAktiviere diese Option, um deine Ankündigungen automatisch in Rotation anzuzeigen.
Anzeige der nächsten Folie alleWähle die Häufigkeit für die Rotation der Ankündigungen aus.
Auswahl für Land/Region aktivierenFüge eine Auswahl hinzu, mit der ein Kunde die Länder und Regionen auswählen kann, die du in deinen Zahlungseinstellungen aktiviert hast. Dadurch können Kunden deine Produktpreise in der Währung ihrer Wahl anzeigen.
Sprachauswahl aktivierenFüge eine Auswahl hinzu, mit der ein Kunde die Länder und Regionen auswählen kann, die du in deinen Spracheinstellungen aktiviert hast. Dadurch können Kunden deinen Shop in der Sprache ihrer Wahl durchsuchen.

Ankündigungsblock

Du kannst einen Text und einen Link zu einem Ankündigungsblock hinzufügen, damit auf diesen geklickt werden kann und Kunden auf eine bestimmten Seite weitergeleitet werden.

Überblick über die Einstellungen für den Ankündigungsblock im Abschnitt "Ankündigungsleiste"
EinstellungBeschreibung
TextDie Ankündigung, die Kunden angezeigt werden soll.
LinkDer Link, zu dem Kunden navigieren sollen, wenn sie auf die Ankündigungsleiste klicken.

Der Header wird auf allen Seiten in deinem Onlineshop angezeigt.

Abschnittseinstellungen

Überblick über die Header-Einstellungen
EinstellungBeschreibung
Desktop-Logoposition

Die Stelle, an der das Logo im Header angezeigt wird, wenn ein Kunde die Website auf einem großen Bildschirm anzeigt. Die Position des Logos wird automatisch für mobile Geräte optimiert.

  • Mittig links – Zeigt das Logo auf gleicher Höhe wie das Hauptmenü an, vertikal zentriert und nach links ausgerichtet.
  • Oben links – Zeigt das Logo über dem Hauptmenü an und richtet das Logo und die Menüpunkte nach links aus.
  • Oben Mitte (Standard) – Zeigt das Logo über dem Hauptmenü an und richtet das Logo und die Menüpunkte mittig aus.
MenüDas Menü, das als Hauptmenü verwendet werden soll. Klicke auf Ändern, um ein anderes Menü auszuwählen.
Desktop-MenütypWähle über das Dropdown-Menü einen Desktop-Menütyp aus:
  • Dropdown – Zeigt Menüinhalte der zweiten Ebene an, wobei die dritte Ebene minimiert ist, bis auf das entsprechende Element der zweiten Ebene geklickt wird. Der Menütyp wird automatisch für Mobilgeräte optimiert.
  • Mega-Menü – Zeigt beim ersten Klick alle Menüinhalte der zweiten und dritten Ebene an. Der Menütyp wird automatisch für Mobilgeräte optimiert.
  • Einschub – Zeigt das Einschubmenü über ein Symbol für ein minimiertes Menü ("Hamburger-Menü") an. Wenn darauf geklickt wird, werden alle Menüpunkte der ersten Ebene angezeigt, auf die geklickt werden kann, um weitere Menüpunktebenen zu öffnen (Ebene zwei und drei).
Fixierter Header

Wähle aus, ob du einen fixierten Header verwenden möchtest und wie er angezeigt werden soll.

  • Keiner – Header bewegt sich nicht beim Scrollen des Kunden.
  • Beim Hochscrollen – Header wird angezeigt, wenn der Kunde auf der Seite nach oben scrollt.
  • Immer – Header wird immer angezeigt, wenn der Kunde auf der Seite nach oben oder nach unten scrollt.
  • Immer, Größe des Logos reduzieren – Header wird immer angezeigt, wenn der Kunde auf der Seite nach oben oder nach unten scrollt. Die Logogröße wird um 25 % reduziert, wenn der Kunde auf der Seite scrollt.
Trennlinie anzeigenZeigt eine Linie an, um den Header visuell vom Seiteninhalt zu trennen.
FarbgebungEin Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.
Auswahl für Land/Region aktivierenFügt eine Auswahl hinzu, mit der ein Kunde die Länder und Regionen auswählen kann, die du in deinen Zahlungseinstellungen aktiviert hast. Dadurch können Kunden deine Produktpreise in der Währung ihrer Wahl anzeigen.
Sprachauswahl aktivierenFügt eine Auswahl hinzu, mit der ein Kunde die Länder und Regionen auswählen kann, die du in deinen Ländereinstellungen aktiviert hast. Dadurch können Kunden deinen Shop in der Sprache ihrer Wahl durchsuchen.
Logo-Position für mobile Darstellung

Wähle aus, wo das Logo auf mobilen Geräten angezeigt wird.

  • Mittig – Logo wird in der Mitte des Headers angezeigt.
  • Links – Logo wird links im Header angezeigt.
AbstandFüge Abstand unter deinem Header hinzu. Verwende den Bereichsschieberegler, um am unteren Rand zwischen 0 und 100 Pixel Abstand hinzuzufügen.
Abschnitts-PaddingFüge oben oder unten im Header Abstände hinzu. Verwende den Bereichsschieberegler, um oben oder unten im Header zwischen 0 und 100 Pixel Abstand hinzuzufügen.

Header-Block

Du kannst die folgenden Blöcke in deinem Header-Abschnitt hinzufügen.

Überblick über die Einstellungen für den App-Block im Abschnitt "Header"
EinstellungBeschreibung
AppsFüge eine Online Store 2.0-kompatible App hinzu. Füge bis zu drei Apps hinzu. Sie werden links vom Warenkorbsymbol positioniert und auf eine Größe von 44 x 44 Pixel begrenzt.

Die Fußzeile wird auf allen Seiten deines Themes angezeigt.

Abschnittseinstellungen

Überblick über die Fußzeilen-Einstellungen
EinstellungBeschreibung
FarbgebungEin Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.
E-Mail-Anmeldung anzeigenBeinhaltet ein E-Mail-Anmeldeformular, womit Kunden deinen Newsletter und dein Marketing abonnieren können.
TitelDer Titel für das Formular E-Mail-Anmeldung. Wenn E-Mail-Anmeldung anzeigen nicht aktiviert ist, wird dies nicht angezeigt. Verwende die Schaltflächen, um den Text fett oder kursiv darzustellen oder einen Link hinzuzufügen.
In Shop folgenZeige die Schaltfläche zum Folgen für deine Storefront in der Shop-App an. Mehr Informationen über das Folgen in Shop.
Social Media-SymboleZeigt Symbole für alle Social-Media-Plattformen an, für die du in deinen Theme-Einstellungen einen Profillink eingegeben hast.
Auswahl für Land/Region aktivierenFügt eine Auswahl hinzu, mit der ein Kunde die Länder und Regionen auswählen kann, die du in deinen Zahlungseinstellungen aktiviert hast. Dadurch können Kunden deine Produktpreise in der Währung ihrer Wahl anzeigen.
Sprachauswahl aktivierenFügt eine Auswahl hinzu, mit der ein Kunde die Länder und Regionen auswählen kann, die du in deinen Ländereinstellungen aktiviert hast. Dadurch können Kunden deinen Shop in der Sprache ihrer Wahl durchsuchen.
Zahlungssymbole anzeigenZeigt die Symbole für Zahlungsmethoden an, die in deinem Shop aktiv sind. Symbole sind möglicherweise nicht für eine Zahlungsmethode verfügbar, wenn ein Symbol nicht beim Zahlungsanbieter registriert wurde. Wenn ein Kunde deinen Shop besucht, werden diese Symbole so gefiltert, dass nur die Zahlungsmethoden angezeigt werden, die in der Region und Währung des aktuellen Kunden unterstützt werden.
Links zu Richtlinien anzeigenZeigt die Symbole für Links zu Richtlinien neben deinen Urheberrechtsinformationen an. Links zu Richtlinien werden über deine Einstellungen > Richtlinien in deinem Shopify-Adminbereich generiert. Mehr Informationen über das Hinzufügen von Shop-Richtlinien.
AbstandFüge Abstand über deiner Fußzeile hinzu. Verwende den Bereichsschieberegler, um am oberen Rand zwischen 0 und 100 Pixel Abstand hinzuzufügen.
Abschnitts-PaddingFüge oben oder unten in der Fußzeile Abstand hinzu. Verwende den Bereichsschieberegler, um oben oder unten in der Fußzeile zwischen 0 und 100 Pixel Abstand hinzuzufügen.

Menüblock

Überblick über die Einstellungen für den Menüblock im Abschnitt "Fußzeile"
EinstellungBeschreibung
TitelDer Titel für den Block. Verwende die Schaltflächen, um den Text fett oder kursiv darzustellen oder einen Link hinzuzufügen.
MenüDas Menü, das im Block angezeigt werden soll. Es werden nur Top-Level-Menüpunkte in der Fußzeile angezeigt, daher werden Dropdown-Menütypen nicht wie erwartet angezeigt.

Markeninformationsblock

Deine Markeninformationen werden in deinen Theme-Einstellungen verwaltet. Mehr Informationen über Markeninformationen.

Überblick über die Einstellungen für die Markeninformationen im Abschnitt "Fußzeile"
EinstellungBeschreibung
Social-Media-Symbole anzeigenZeigt Symbole für alle Social-Media-Plattformen an, für die du in deinen Theme-Einstellungen einen Profillink eingegeben hast.

Textblock

Der Block Text kann verwendet werden, um wichtige Informationen hervorzuheben, wie z. B. Shop-Details, Werbeaktionen oder Kontaktinformationen.

Überblick über die Einstellungen für den Textblock im Abschnitt "Fußzeile"
EinstellungBeschreibung
TitelDer Titel für den Block. Verwende die Schaltflächen, um den Text fett oder kursiv darzustellen oder einen Link hinzuzufügen.
SubtextDer Text, der im Block angezeigt wird.

Bildblock

Überblick über die Einstellungen für den Bildblock im Abschnitt "Fußzeile"
EinstellungBeschreibung
BildDas Bild, das im Block angezeigt wird.
BildbreiteLegt die Breite des Bildes fest. Kann ein Vielfaches von 5 sein, von 50 px bis 200 px. Der Standard sind 100 px.
Bildausrichtung auf großen Bildschirmen

Richtet das Bild im Block aus:

  • Links – Richtet das Bild zur linken Seite des Blocks aus.
  • Mitte (Standard) – Richtet das Bild mittig im Block aus.
  • Rechts – Richtet das Bild zur rechten Seite des Blocks aus.

Blog-Beiträge

Wenn dein Shopify-Shop einen Blog enthält, kannst du den Abschnitt Blog-Beiträge verwenden, um Beiträge aus dem Blog hervorzuheben. Jeder Blog-Beitrag im Abschnitt Blog-Beiträge zeigt die ersten 55 Wörter eines Auszugs aus dem Beitrag. Wenn der Blog-Beitrag keinen Auszug hat, werden stattdessen die ersten 30 Wörter des Beitrags angezeigt.

Abschnittseinstellungen

Überblick über die Einstellungen für Blogbeiträge
EinstellungBeschreibung
TitelDer Titel des Abschnitts. Verwende die Schaltflächen, um den Text fett oder kursiv darzustellen oder einen Link hinzuzufügen.
Größe der ÜberschriftÄndert die Größe des Überschriftstexts. Du kannst zwischen klein, mittel und groß wählen.
BlogDer Blog, dessen Blog-Beiträge angezeigt werden sollen. Standardmäßig ist das der nach alphabetischer Reihenfolge erste Blog auf deiner Blogseite.
Blog-BeiträgeDie Anzahl an Blog-Beiträgen, die im Abschnitt angezeigt werden sollen. Maximal dürfen es 4 Beiträge sein.
Anzahl der Spalten auf dem DesktopAnzahl der Spalten, die auf dem Desktop angezeigt werden. Minimum: 1. Maximum: 4.
FarbgebungEin Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.
Feature-Bild anzeigenZeigt das Feature-Bild für den Blog-Beitrag an. Das vorgeschlagene Bildseitenverhältnis ist 3:2.
Datum anzeigenZeigt das Datum an, an dem der Blog-Beitrag erstellt wurde.
Autor anzeigenZeigt den Autor des Blog-Beitrags an.
Aktiviere die Schaltfläche "Alle anzeigen", wenn der Blog mehr Blog-Beiträge enthält, als angezeigt werdenWenn der Blog mehr Blog-Beiträge hat, als im Feld Blog-Beitrag festgelegt sind, wird hier eine "Alle anzeigen"-Schaltfläche angezeigt, die den Kunden auf die Blogseite weiterleitet.
Abschnitts-PaddingFüge oben oder unten im Abschnitt "Blog-Beitrag" Abstand hinzu. Verwende den Bereichsschieberegler, um über oder unter dem Abschnitt "Blog-Beitrag" zwischen 0 und 100 Pixel Abstand hinzuzufügen.

Blog auswählen

  1. Klicke in deinem Theme-Editor auf den Titel deines Blog-Beitrag-Abschnitts.
  2. Klicke im Abschnitt Blog auf Ändern.
  3. Wähle den Blog aus.
  4. Klicke auf Auswählen und dann auf Speichern.

Collage

Du kannst eine Collage aus Bildern, Produkten, Kollektionen und Videos erstellen. Jeder Collage-Abschnitt enthält drei Blöcke. Standardmäßig enthält der Abschnitt einen Bild-, einen Produkt- und einen Kollektionsblock. Wenn du einen der Blöcke entfernst, kannst du einen Videoblock hinzufügen.

Um eine Collage mit mehr als drei Blöcken zu erstellen, füge nach dem ersten Abschnitt weitere Collage-Abschnitte hinzu und füge diesen keinen Überschriftswert hinzu. Die Collage-Abschnitte fließen zusammen und werden als einzelner Abschnitt angezeigt.

Das empfohlene Seitenverhältnis für alle Bilder in diesem Abschnitt ist 2:3 oder 1:1.

Abschnittseinstellungen

Überblick über die Einstellungen für den Abschnitt "Collage"
EinstellungBeschreibung
TitelDer Titel des Abschnitts. Verwende die Schaltflächen, um den Text fett oder kursiv darzustellen oder einen Link hinzuzufügen.
Größe der ÜberschriftÄndert die Größe des Überschriftstexts. Du kannst zwischen klein, mittel und groß wählen.
Desktop-Layout

So werden die Collage-Medien auf dem Desktop angezeigt.

  • Linker großer Block (Standard) – Der erste Block im Abschnitt wird links angezeigt und ist größer als alle anderen Blöcke.
  • Rechter großer Block – Der letzte Block im Abschnitt wird rechts und größer als alle anderen Blöcke angezeigt.
Mobiles Layout

So werden Blöcke auf einem Mobilgerät angezeigt.

Collage – Zeigt Bilder in einem Collagenlayout an:
  • Wenn Großer Block links im Desktop-Layout aktiviert ist, wird der erste Block im Abschnitt oben angezeigt und ist größer als alle anderen Blöcke.
  • Wenn Großer Block rechts im Desktop-Layout aktiviert ist, wird der letzte Block im Abschnitt unten angezeigt und ist größer als alle anderen Blöcke.
Spalte – Zeigt alle Medien in der gleichen Größe und in einer Spalte an.
FarbgebungEin Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.
Abschnitts-PaddingFüge oben oder unten im Collage-Abschnitt Abstand hinzu. Verwende den Bereichsschieberegler, um oben oder unten im Abschnitt zwischen 0 und 100 Pixel Abstand hinzuzufügen.

Videoblock

Überblick über die Einstellungen für den Videoblock im Abschnitt "Collage"
EinstellungBeschreibung
TitelbildDas Bild, das angezeigt wird, bevor ein Kunde das Video abspielt. Du kannst ein benutzerdefiniertes Titelbild aus deinem Shopify-Adminbereich hochladen.
URLDer YouTube- oder Vimeo-Link zum Video. Das Video muss öffentlich zugänglich sein. Das Video wird in einem Pop-up-Fenster wiedergegeben.
Video-Alt-TextDer Alt-Text für das Video. Er beschreibt den Kontext und Zweck des Videos für Kunden, die Bildschirmlesegeräte verwenden.

Produktblock

Überblick über die Einstellungen für den Produktblock im Abschnitt "Collage"
EinstellungBeschreibung
ProduktDas Produkt, das angezeigt werden soll.
Hover-Effekt mit zweitem BildWenn der Kunde seinen Cursor über das Produktbild bewegt, wird das zweite Bild für das Produkt angezeigt, wenn es eins hat.

Kollektionsblock

Überblick über die Einstellungen für den Kollektionsblock im Abschnitt "Collage"
EinstellungBeschreibung
KollektionDie Kollektion, die angezeigt werden soll.

Bildblock

Überblick über die Einstellungen für den Bildblock im Abschnitt "Collage"
EinstellungBeschreibung
BildDas Bild für den Abschnitt. Klicke auf Bild auswählen, um ein Bild auszuwählen, oder klicke auf die Schaltfläche Ändern, um das Bild zu ändern oder zu entfernen.
Alt-Text bearbeitenFüge eine kurze Bildbeschreibung hinzu, um die SEO zu verbessern und das Bild für Kunden mit Bildschirmlesegeräten zu beschreiben.

Einklappbare Inhalte

Der einklappbare Inhaltsabschnitt unterstützt Zeilen, die minimiert oder erweitert werden können, um den darin enthaltenen Inhalt anzuzeigen. Außerdem können Bilder links oder rechts neben dem einklappbaren Inhalt platziert werden.

Abschnittseinstellungen

Überblick über die Einstellungen für den Abschnitt "Einklappbarer Inhalt"
EinstellungBeschreibung
BildtextEine optionale Beschriftung für den einklappbaren Inhaltsabschnitt. Wird über der Abschnittsüberschrift angezeigt.
TitelDie Überschrift des einklappbaren Inhaltsabschnitts. Verwende die Schaltflächen, um den Text fett oder kursiv darzustellen oder einen Link hinzuzufügen.
Größe der ÜberschriftÄndert die Größe des Überschriftstexts. Du kannst zwischen klein, mittel und groß wählen.
Ausrichtung der ÜberschriftWähle die Ausrichtung der Abschnittsüberschrift. Mögliche Optionen sind links, zentriert (Standard) oder rechts.
Layout

Wähle ein Layout für deinen einklappbaren Inhalt aus:

  • Kein Container (Standard)
  • Zeilencontainer – Jede einklappbare Zeile befindet sich in einem schattierten Feld
  • Abschnittscontainer – Enthält den gesamten einklappbaren Inhaltsabschnitt in einem schattierten Feld
Farbgebung Ein Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.
Farbschema für Container Ein Satz von Farben, den du auf den Container anwenden kannst. Erhalte mehr Informationen über Farbschemas. Das ausgewählte Farbschema wird nur angezeigt, wenn die Option Layout auf Zeile oder Abschnitt gesetzt ist.
Erste einklappbare Zeile öffnenWenn diese Option aktiviert ist, wird die erste Zeile deines einklappbaren Inhalts standardmäßig erweitert.
BildDas Bild für den Abschnitt. Klicke auf Bild auswählen, um ein Bild auszuwählen, oder klicke auf die Schaltfläche Ändern, um das Bild zu ändern oder zu entfernen.
Alt-Text bearbeitenFüge eine kurze Bildbeschreibung hinzu, um die SEO zu verbessern und das Bild für Kunden mit Bildschirmlesegeräten zu beschreiben.
BildverhältnisDas Bildverhältnis für das Abschnittsbild:
  • An Bild anpassen (Standard) – Verwendet die Seitenverhältnisse der Bilder. So wird verhindert, dass Bilder abgeschnitten werden.
  • Klein
  • Groß
Desktop-LayoutWähle aus, ob das Bild oder die einklappbaren Zeilen zuerst angezeigt werden. Die Standardeinstellung ist "Text zuerst". Auf mobilen Geräten wird immer das Bild zuerst angezeigt.
Abschnitts-PaddingFüge oben oder unten Abstand zum einklappbaren Inhalt hinzu. Verwende den Bereichsschieberegler, um über oder unter dem Abschnitt für einklappbare Inhalte zwischen 0 und 100 Pixel Abstand hinzuzufügen.

Einklappbarer Zeilenblock

Überblick über die Einstellungen für den Abschnitt mit dem einklappbaren Zeilenblock
EinstellungBeschreibung
TitelEine Überschrift für die einklappbare Zeile.
SymbolWähle ein Symbol aus der Dropdown-Liste aus, das vor dem einklappbaren Inhalt angezeigt werden soll. Standardmäßig ist das Häkchen-Symbol ausgewählt.
ZeileninhaltDer Inhalt für die einklappbare Zeile. Dieser kann formatiert werden oder URL-Links enthalten. Diese Funktion kann in Verbindung mit Zeileninhalt der Seite verwendet werden.
Zeileninhalt der SeiteDu kannst vorhandene Inhalte von einer anderen Seite in eine einklappbare Zeile einfügen. Klicke auf Ändern, um eine Seite auszuwählen oder zu entfernen. Diese Funktion kann in Verbindung mit Zeileninhalt verwendet werden.

Kategorielisten

Du kannst eine Liste an Kollektionen hinzufügen, die du hervorheben möchtest. Du kannst bis zu 16 Kollektionsblöcke zu einer Kollektionsliste hinzufügen.

Abschnittseinstellungen

Überblick über die Einstellungen für die Kollektionsliste
EinstellungBeschreibung
TitelDer Titel des Abschnitts. Verwende die Schaltflächen, um den Text fett oder kursiv darzustellen oder einen Link hinzuzufügen.
Größe der ÜberschriftÄndert die Größe des Überschriftstexts. Du kannst zwischen klein, mittel und groß wählen.
BildverhältnisDas Bildverhältnis für das Feature-Bild der Kollektionen:
  • An Bild anpassen – Verwendet die Seitenverhältnisse der Bilder. So wird verhindert, dass Bilder abgeschnitten werden.
  • Hochformat – Schneidet die Bilder auf ein Verhältnis von 2:3 zurecht.
  • Quadratisch (Standard) – Schneidet das Bild auf ein 1:1-Verhältnis zu.
Anzahl der Spalten auf dem DesktopAnzahl der Spalten, die auf dem Desktop angezeigt werden. Minimum: 1. Maximum: 5.
FarbgebungEin Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.
Aktiviere die Schaltfläche "Alle anzeigen", wenn die Liste mehr Kollektionen enthält, als angezeigt werdenZeigt die Schaltfläche "Alle anzeigen" an, über die die Kunden zur vollständigen Liste der Kollektionen geleitet werden.
Anzahl der Spalten auf mobilem GerätLegt ein bestimmtes Spaltenlayout für Mobilgeräte fest. Du kannst zwischen 1 und 2 Spalten wählen.
Wischen auf Mobilgeräten aktivierenÄndert die mobile Anzeige von einer Spalte zu einer Reihe, sodass Kunden zur Seite wischen können, um mehr Kollektionsblöcke zu sehen.
Abschnitts-PaddingFüge oben oder unten in der Kollektionsliste Abstand hinzu. Verwende den Bereichsschieberegler, um über oder unter dem Abschnitt "Kollektion" zwischen 0 und 100 Pixel Abstand hinzuzufügen.

Kollektionen auswählen

  1. Klicke in deinem Theme-Editor auf den Kollektionsblock, dem du eine Kollektion hinzufügen möchtest.
  2. Klicke auf Kollektion auswählen.
  3. Klicke auf eine Kollektion und dann auf Auswählen.

Kontaktformular

Dein Kontaktformular sendet alle Einsendungen an die Absender-E-Mail-Adresse deines Shops. Du kannst die Absender-E-Mail-Adresse auf der Einstellungsseite Benachrichtigungen in deinem Shopify-Adminbereich ändern. Wenn du eine Drittanbieter-Domain hast, musst du die Domain möglicherweise authentifizieren.

Das Formular beinhaltet die folgenden Felder:

  • Name
  • E-Mail (erforderlich)
  • Telefonnummer
  • Kommentar

Abschnittseinstellungen

Überblick über die Einstellungen des Kontaktformulars
EinstellungBeschreibung
TitelDer Titel des Abschnitts. Verwende die Schaltflächen, um den Text fett oder kursiv darzustellen oder einen Link hinzuzufügen.
Größe der ÜberschriftÄndert die Größe des Überschriftstexts. Du kannst zwischen klein, mittel und groß wählen.
FarbgebungEin Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.
Abschnitts-PaddingFüge oben oder unten im Kontaktformular Abstand hinzu. Verwende den Bereichsschieberegler, um über oder unter dem Abschnitt "Kontaktformular" zwischen 0 und 100 Pixel Abstand hinzuzufügen.

Benutzerdefinierter Liquid-Code

Du kannst deinen eigenen Liquid-Code hinzufügen, um einen benutzerdefinierten Abschnitt zu erstellen.

  • Füge App-Snippets hinzu, die du in den Anweisungen deiner heruntergeladenen Apps finden kannst, um Apps zu deinen Seiten hinzuzufügen.
  • Füge benutzerdefinierten Liquid-Code direkt im Editor hinzu.

Abschnittseinstellungen

Überblick über die Einstellungen für benutzerdefiniertes Liquid
EinstellungBeschreibung
Benutzerdefiniertes LiquidFüge App-Snippets oder anderen benutzerdefinierten Liquid-Code hinzu, um fortgeschrittene Anpassungen vorzunehmen.
FarbgebungEin Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.
Abschnitts-PaddingFüge oben oder unten im Abschnitt "Benutzerdefiniertes Liquid" Abstand hinzu. Verwende den Bereichsschieberegler, um über oder unter dem Abschnitt "Benutzerdefiniertes Liquid" zwischen 0 und 100 Pixel Abstand hinzuzufügen.

E-Mail-Anmeldebanner

Du kannst deiner Passwortseite einen Abschnitt hinzufügen, in dem Kunden ihre E-Mail-Adresse eingeben können, um benachrichtigt zu werden, wenn dein Shop geöffnet ist. Mit jedem E-Mail-Abonnement wird ein Kundenkonto erstellt.

Der Abschnitt hat drei Standardblöcke:

  • Titel
  • Unter-Überschrift
  • E-Mail-Formular

Abschnittseinstellungen

Überblick über die Einstellungen für das E-Mail-Anmeldungs-Banner
EinstellungBeschreibung
HintergrundbildDas Hintergrundbild des Banners für die E-Mail-Anmeldung. Klicke auf Ändern, um das Bild zu ersetzen oder zu entfernen. Wenn das Bild entfernt wird, wird das dem Theme zugehörige Bild angezeigt. Blende dieses Bild aus, indem du das Kontrollkästchen Hintergrundbild anzeigen deaktivierst.
Alt-Text bearbeitenKlicke auf diese Option, um einen Bild-Alt-Text für die Suchmaschinenoptimierung (SEO) festzulegen und das Bild für Kunden mit Bildschirmlesegeräten zu beschreiben.
Deckkraft der BildüberlagerungSchwächt das Bannerbild für die E-Mail-Anmeldung mit einer Überlagerung ab. Verwende den Schieberegler, um die Deckkraft der Überlagerung festzulegen. Die Standardeinstellung ist 0 %.
Hintergrundbild anzeigenAktiviere dieses Kontrollkästchen, um das Hintergrundbild deines Banners für die E-Mail-Anmeldung anzuzeigen.
Bannerhöhe

Lege die Höhe deines Bannerbilds für die E-Mail-Anmeldung über das Dropdown-Menü fest. Wähle zwischen "An Bild anpassen", "Klein", "Mittel" (Standard) oder "Groß".

Desktop-InhaltspositionLege die Position des Banners für die E-Mail-Anmeldung für Desktop-Computer fest. Wähle zwischen oben, mittig oder unten und rechts, links oder zentriert. "Mitte zentriert" ist die Standardoption.


Auf dem Desktop deckt das Textfeld teilweise das Bild ab. Auf Mobilgeräten wird das Textfeld unter dem Bild angezeigt.

Container auf dem Desktop anzeigenPlatziert den Bildtext deines Banners für die E-Mail-Anmeldung in einem Textfeld über dem Bild für Kunden, die von einem Desktop-Computer aus einkaufen.
Desktop-InhaltsausrichtungLege die Ausrichtung des Bildbanner-Texts für Desktop-Computer fest. Wähle zwischen rechts, links oder zentriert (Standard).
Farbgebung Ein Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.


Auf dem Desktop wird das ausgewählte Farbschema nur angezeigt, wenn die Option Container auf dem Desktop anzeigen ausgewählt ist. Auf Mobilgeräten wird das ausgewählte Farbschema nur angezeigt, wenn die Option Auf Mobilgeräten Inhalt unterhalb der Bilder anzeigen ausgewählt ist.

Mobile InhaltsausrichtungLege die Ausrichtung für den Bildbanner-Text für Mobilgeräte fest. Wähle zwischen rechts, links oder zentriert (Standard).
Auf Mobilgeräten Inhalt unterhalb der Bilder anzeigenDer Inhalt wird auf Mobilgeräten unter dem Banner-Bild für die E-Mail-Anmeldung angezeigt.

Überschriftsblock

Überblick über die Einstellungen für den Überschriftenblock im Abschnitt "E-Mail-Anmeldungs-Banner"
EinstellungBeschreibung
TitelDer Titel für den Abschnitt.
Größe der ÜberschriftÄndert die Größe des Überschriftstexts. Du kannst zwischen klein, mittel und groß wählen.

Unterüberschriftsblock

Überblick über die Einstellungen für den Unterüberschriftenblock im Abschnitt "E-Mail-Anmeldungs-Banner"
EinstellungBeschreibung
BeschreibungDie Beschreibung für den Abschnitt.
TextstilÄndert den Textstil im Abschnitt für die E-Mail-Anmeldung. Wähle zwischen "Nachricht" (Standard) und "Untertitel".

E-Mail-Anmeldung

Du kannst einen Abschnitt hinzufügen, in dem Kunden ihre E-Mail-Adresse eingeben und deinen Newsletter oder dein Marketing abonnieren können. Wenn ein Kunde abonniert, wird ein Kundenkonto in deinem Shopify-Adminbereich erstellt.

Der Abschnitt hat drei Standardblöcke:

  • Titel
  • Unter-Überschrift
  • E-Mail-Formular

Abschnittseinstellungen

Überblick über die Einstellungen für die E-Mail-Anmeldung
EinstellungBeschreibung
Farbgebung Ein Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.
Abschnitt über die gesamte BreiteErweitert den Abschnitt, sodass er der Breite des Browser-Fensters entspricht.

Überschriftsblock

Überblick über die Einstellungen für den Überschriftenblock im Abschnitt "E-Mail-Anmeldung"
EinstellungBeschreibung
TitelDer Titel für den Abschnitt. Verwende die Schaltflächen, um den Text fett oder kursiv darzustellen oder einen Link hinzuzufügen.
Größe der ÜberschriftÄndert die Größe des Überschriftstexts. Du kannst zwischen klein, mittel und groß wählen.

Unterüberschriftsblock

Überblick über die Einstellungen für den Unterüberschriftenblock im Abschnitt "E-Mail-Anmeldung"
EinstellungBeschreibung
BeschreibungDie Beschreibung für den Abschnitt.

E-Mail-Formular

Der E-Mail-Formularblock zeigt ein Feld an, in das Kunden eine E-Mail-Adresse eingeben können, um sich für dein Marketingmaterial zu registrieren. Dieser Block hat keine anpassbaren Einstellungen.

Du kannst einen Abschnitt hinzufügen, der Produkte in einer Kollektion anzeigt.

Abschnittseinstellungen

Überblick über die Einstellungen für vorgestellte Kollektionen
EinstellungBeschreibung
TitelDer Titel des Abschnitts. Verwende die Schaltflächen, um den Text fett oder kursiv darzustellen oder einen Link hinzuzufügen. Klicke auf die Schaltfläche der dynamischen Quelle, um eine dynamische Quelle als Titel des Abschnitts einzufügen.
Größe der ÜberschriftÄndert die Größe des Überschriftstexts. Du kannst zwischen klein, mittel und groß wählen.
BeschreibungGib einen beschreibenden Text für die vorgestellte Kollektion ein. Du kannst den Text in Fettdruck oder Kursivdruck formatieren oder einen Link einschließen. Klicke auf die Schaltfläche für dynamische Quellen, um eine dynamische Quelle für die Beschreibung der vorgestellten Kollektion einzufügen.
Kollektionsbeschreibung im Shopify-Adminbereich anzeigenWenn du dieses Kontrollkästchen aktivierst, wird die von dir im Shopify-Adminbereich für die Kollektion hinzugefügte Beschreibung anstelle des Textes verwendet, der in das oben angegebene Feld "Beschreibung" eingegeben wurde.
BeschreibungsstilWähle im Dropdown-Menü einen Stil für die Beschreibung deiner vorgestellten Kollektion aus. Optionen sind Text (Standard), Untertitel oder Großbuchstaben.
KollektionDie Kollektion, aus der Produkte angezeigt werden sollen. Klicke auf Ändern, um die Kollektion zu entfernen oder zu ändern.
Maximal anzuzeigende ProdukteDie anzuzeigende Anzahl an Produkten aus der Kollektion. Minimum: 2. Maximum: 25.
Anzahl der Spalten auf dem DesktopAnzahl der Spalten, die auf dem Desktop angezeigt werden. Minimum: 1. Maximum: 5.
Produkte auf gesamte Breite auslegenAktiviere dieses Kontrollkästchen, um Produkte unabhängig von der Einstellung für die Seitenbreite über die volle Breite des Fensters anzuzeigen.
Aktiviere die Schaltfläche "Alle anzeigen", wenn die Kollektion mehr Produkte enthält, als angezeigt werdenWenn die Kollektion mehr Produkte hat, als im Feld Maximal anzuzeigende Produkte festgelegt, wird eine "Alles anzeigen"-Schaltfläche angezeigt, die den Kunden zur Kollektionsseite weiterleitet.
Stil "Alles anzeigen"Zur Auswahl stehen ein Link, eine durchgehende Schaltfläche und eine Umriss-Schaltfläche.
Karussell auf Desktop aktivierenAktiviere dieses Kontrollkästchen, um Produkte in einem Karussell auf Bildschirmen anzuzeigen, die breiter als 989 Pixel sind.
FarbgebungEin Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.
BildverhältnisDas Bildverhältnis für die Produktbilder:
  • An Bild anpassen (Standard) – Verwendet die Seitenverhältnisse der Bilder. So wird verhindert, dass Bilder abgeschnitten werden.
  • Hochformat – Schneidet die Bilder auf ein Verhältnis von 2:3 zurecht.
  • Quadratisch – Schneidet die Bilder auf ein Verhältnis von 1:1 zurecht.
BildformWähle eine der folgenden Bildformen für deine Produktbilder aus:
  • Standard – Ändert dein Produktbild in eine rechteckige Form ab.
  • Bogen – Krümmt den oberen Teil deines Produktbildes.
  • Klecks – Passt dein Produktbild an eine der sechs zufälligen Klecksformen an, wobei eine einzigartige Animation wiedergegeben wird, wenn ein Benutzer mit der Maus über das Bild fährt.
  • Chevron nach links – Ändert dein Produktbild in eine Chevronform mit einem starken Knick nach links.
  • Chevron nach rechts – Ändert dein Produktbild in eine Chevronform mit einem starken Knick nach rechts.
  • Diamant – Ändert dein Produktbild in eine vierseitige Rautenform ab.
  • Parallelogramm – Ändert dein Produktbild in eine Form mit zwei Paaren von parallelen Linien ab.
  • Rund – Rundet dein Produktbild in eine kreisförmige oder ovale Form ab, wobei eine einzigartige Animation wiedergegeben wird, wenn ein Benutzer mit der Maus über das Bild fährt.
Hover-Effekt mit zweitem BildWenn der Kunde seinen Cursor über das Produktbild bewegt, wird das zweite Bild für das Produkt angezeigt, wenn es eins hat.
Anbieter anzeigenZeigt die Anbieter der Produkte an.
Produktbewertung anzeigenZeigt die durchschnittliche Produktbewertung als Sterne mit der Anzahl an Rezensionen in Klammern an, z. B.: ★★★★★ (8). Hierfür werden auch eine Produktrezensions-App und Metafeld-Definitionen für reviews.rating_count und reviews.rating benötigt.
Schaltfläche zum schnellen Hinzufügen aktivierenÜber die Schaltfläche zum schnellen Hinzufügen können Kunden über die Produktkarte einen Artikel zu ihrem Warenkorb hinzufügen. Wenn das Produkt Varianten hat, heißt die Schaltfläche "Optionen auswählen" und die Produktdetails werden in einem Popup-Fenster angezeigt. Hier können die Kunden die gewünschten Varianten auswählen, den Artikel zum Warenkorb hinzufügen, über "Jetzt zum Checkout" sofort zum Checkout wechseln oder durch Klicken die vollständigen Details zum Artikel anzeigen. Beachte, dass diese Einstellung davon abhängig ist, dass die Schaltfläche "Jetzt zum Checkout" auf deiner Produktseite aktiviert ist. Ist die Schaltfläche "Jetzt zum Checkout" in der Produktvorlage nicht aktiviert, können Kunden zwar das Produkt zu ihrem Warenkorb hinzufügen, sehen aber nicht den durch "Jetzt zum Checkout" unterstützten Workflow für den schnellen Checkout.
Anzahl der Spalten auf mobilem GerätLegt ein bestimmtes Spaltenlayout für Mobilgeräte fest. Du kannst zwischen 1 und 2 Spalten wählen.
Wischen auf Mobilgeräten aktivierenÄndert die mobile Anzeige von einer Spalte zu einer Reihe, sodass Kunden zur Seite wischen können, um mehr Produkte zu sehen.
Abschnitts-PaddingFüge oben oder unten im Abschnitt "Vorgestellte Kollektion" Abstand hinzu. Verwende den Bereichsschieberegler, um zwischen 0 und 100 Pixel Abstand über oder unter dem Abschnitt "Vorgestellte Kollektion" hinzuzufügen.

Du kannst einen Abschnitt hinzufügen, der ein spezifisches Produkt vorstellt.

Abschnittseinstellungen

Überblick über die Einstellungen für vorgestellte Produkte
EinstellungBeschreibung
ProduktDas Produkt, das du in dem Abschnitt vorstellen möchtest.
FarbgebungEin Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.
Sekundären Hintergrund anzeigenZeigt das vorgestellte Produkt auf deiner sekundären Hintergrundfarbe an.
Medienbreite für DesktopWähle eine kleine, mittlere oder große Mediengröße aus. Bild wird automatisch für die mobile Nutzung optimiert.
Medien auf Bildschirmhöhe beschränkenWenn du diese Option auswählst, wird eine maximale Medienhöhe festgelegt, die auf der Höhe des Browserfensters basiert.
MedienanpassungWähle Original aus, um das Originalgrößenverhältnis der Medien beizubehalten. Oder wähle Füllen aus, um die Medien an den Container anzupassen.
Desktop-MedienpositionWähle aus, ob die ausgewählten Produktmedien auf der linken oder rechten Seite verfügbar sein sollen. Gilt nur für Benutzer, die über einen Desktop-Computer auf die Seite zugreifen.
Bildzoom

Wähle aus, wie das Bild auf Desktop-Geräten vergrößert wird:

  • Lightbox öffnen – Öffnet das große Bild. Standard für Mobilgeräte.
  • Kein Zoom – Deaktiviert die Zoom-Funktion für Bilder. Wird für Bilder empfohlen, die keine hohe Auflösung haben.
  • Klicken und mit der Maus darüber fahren – Klicke, um das Bild heranzuzoomen, und fahre dann mit der Maus darüber, um verschiedene Abschnitte heranzuzoomen. Hover-Effekt mit Zoom ist deaktiviert, wenn du erneut auf die vergrößerten Bilder klickst oder wenn die Maus den Bildcontainer verlässt. Wenn diese Einstellung aktiviert ist und der Benutzer ein mobiles Gerät verwendet, wird das Bild in einem Modal (Lightbox) geöffnet.
Medien anderer Varianten ausblendenWähle diese Option aus, um die Medien für andere Varianten auszublenden, nachdem eine Variante ausgewählt wurde.
Videoschleife aktivierenErmöglicht ein erneutes Abspielen des Videos. Kunden müssen das Video anklicken, um es erneut abzuspielen.
Abschnitts-PaddingFüge oben oder unten im Abschnitt "Vorgestelltes Produkt" Abstand hinzu. Verwende den Bereichsschieberegler, um oben oder unten im Abschnitt zwischen 0 und 100 Pixel Abstand hinzuzufügen.

Du kannst die folgenden Blöcke zu deinem Abschnitt Empfohlenes Produkt hinzufügen.

Überblick über die Abschnittsblöcke, die im Abschnitt "Vorgestelltes Produkt" verfügbar sind
BlockEinstellungen
TextGib Text für deine vorgestellten Produkte ein:
  • Text: Akzeptiert Text oder eine dynamische Quelle.
  • Textstil: Wähle zwischen Text, Untertitel oder Großbuchstaben aus.
Titel Größe der Überschrift: Wähle zwischen klein, mittel und groß.
PreisDieser Block hat keine anpassbaren Einstellungen.
VariantenauswahlAuswahl zwischen Kapseln oder einem Dropdown-Menü.
MengenauswahlDieser Block hat keine anpassbaren Einstellungen.
Buy ButtonsAktiviere das Kontrollkästchen Dynamische Checkout-Buttons anzeigen, um alle dynamischen Checkout-Optionen anzuzeigen, die du in deinen Einstellungen für Zahlungen aktiviert hast.
TeilenAnklickbarer Text, der Kunden ermöglicht, das Produkt auf ihren Social Media-Konten zu teilen.
ProduktbewertungZeigt die durchschnittliche Produktbewertung als Sterne mit der Anzahl an Rezensionen in Klammern an, z. B.: ★★★★★ (8). Hierfür werden auch eine Produktrezensions-App und Metafeld-Definitionen für reviews.rating_count und reviews.rating benötigt.
Benutzerdefiniertes LiquidFügt benutzerdefinierten Liquid- oder HTML-Code hinzu.
AppsFüge eine Online Store 2.0-kompatible App hinzu.
Symbol mit TextDieser Block zeigt bis zu drei Symbole an, die du aus einer Liste mit vorinstallierten Symbolen oder aus einem von dir hochgeladenen Bild auswählen kannst. Wenn du ein Bild hochladen willst, überschreibt das hochgeladene Bild jede Dropdown-Menü-Auswahl eines Symbols. Für das Layout deiner Symbole kannst du "vertikal" oder "horizontal" auswählen. Um ein Symbol zu löschen, lösche das Feld "Überschriften". Um mehr als drei Symbole anzuzeigen, füge einen weiteren Block **Symbol mit Text** hinzu.
Artikelnummer (SKU)Dieser Block zeigt die mit einem Produkt verknüpfte SKU (Artikelnummer) an, wenn deiner Variante eine SKU zugeordnet ist. Weitere Informationen zum [Hinzufügen von SKU-Nummern zu deinen Produktvarianten im Shopify-Adminbereich](/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/show-sku#add-sku-numbers-to-your-product-variants-from-the-admin-sectioned%20themes-specific).

Bildbanner

Der Bildbanner-Abschnitt unterstützt ein oder zwei Bilder und ein Textfeld mit Schaltflächen. Wenn zwei Bilder verwendet werden, werden sie auf dem Desktop nebeneinander angezeigt. Bei Mobilgeräten kannst du auswählen, ob die Bilder nebeneinander oder in einer Spalte angezeigt werden.

Auf Desktop-Computern deckt das Textfeld teilweise das Bild ab. Auf Mobilgeräten wird das Textfeld unter dem Bild angezeigt. Für beide Gerätetypen kannst du die Textausrichtung zwischen rechts, links oder zentriert ändern.

Abschnittseinstellungen

Überblick über die Einstellungen für das Bildbanner
EinstellungBeschreibung
Erstes BildDas Hauptbild für das Banner. Wenn zwei Bilder zum Abschnitt hinzugefügt werden, wird dieses Bild entweder links oder oben angezeigt, je nachdem, ob der Kunde die Desktop- oder die mobile Version verwendet.
Alt-Text bearbeitenKlicke auf diese Option, um einen Bild-Alt-Text für die Suchmaschinenoptimierung (SEO) festzulegen und das Bild für Kunden mit Bildschirmlesegeräten zu beschreiben.
Zweites BildDas sekundäre Bild für das Banner. Wenn dem Bereich zwei Bilder zugefügt werden, wird dieses Bild rechts oder unten angezeigt, je nachdem ob der Kunde die Desktop- oder die mobile Version verwendet.
Deckkraft der BildüberlagerungFügt den Bannerbildern eine Überlagerung hinzu. Verwende den Schieberegler, um die Deckkraft der Überlagerung festzulegen. Die Standardeinstellung ist 0 %.
Bannerhöhe

Lege die Höhe deiner Bannerbilder mit dem Dropdown-Menü fest.

  • An erstes Bild anpassen – Legt die Höhe des Abschnitts auf die Höhe des ersten Bildes fest.
  • Klein – Desktop: 420 Pixel, Mobilgerät: 280 Pixel
  • Mittel (Standard) – Desktop: 560 Pixel, Mobilgerät: 340 Pixel
  • Groß – Desktop: 720 Pixel, Mobilgerät: 390 Pixel
Desktop-InhaltspositionLege die Position des Desktop-Bildbanners fest. Wähle zwischen oben, mittig oder unten und rechts, links oder zentriert.
Container auf dem Desktop anzeigenPlatziert den Bildtext deines Banners in einem Textfeld über dem Bannerbild für Kunden, die von einem Desktop-Computer aus einkaufen.
Desktop-InhaltsausrichtungLege die Ausrichtung für den Bildbanner-Text für Desktop-Computer fest. Wähle zwischen rechts, links oder zentriert aus.
Farbgebung Ein Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas. Das ausgewählte Farbschema wird nur angezeigt, wenn die Option Textfeld auf dem Desktop anzeigen ausgewählt ist.
Animationen

Wähle eine Animation für dein Bild aus:

  • Keine (Standard)
  • Atmosphärische Bewegung – Bewegt die Bildposition langsam innerhalb des Bildcontainers.
  • Feste Hintergrundposition – Wenn ein Kunde durch die Seite scrollt, bewegen sich die Elemente im Vordergrund wie Text und Schaltflächen in derselben Geschwindigkeit, während der Hintergrund fixiert bleibt.
  • Beim Scrollen heranzoomen – Wenn ein Kunde durch die Seite scrollt, bewegen sich die Elemente im Vordergrund wie Text und Schaltflächen in derselben Geschwindigkeit, während der Hintergrund fixiert bleibt und das Bild herangezoomt wird.
Mobile InhaltsausrichtungLege die Ausrichtung für den Bildbanner-Text für Mobilgeräte fest. Wähle zwischen rechts, links oder zentriert aus.
Gestapelte Bilder auf MobilgerätenWenn zwei Bilder zum Abschnitt hinzugefügt werden, werden die Bilder in einer Spalte statt nebeneinander angezeigt.
Container auf Mobilgerät anzeigenPlatziert den Bildtext deines Banners in einem Textfeld über dem Bannerbild für Kunden, die von einem Mobilgerät aus einkaufen.

Überschriftsblock

Überblick über die Einstellungen für den Überschriftenblock im Abschnitt "Bildbanner"
EinstellungBeschreibung
TitelGroßer Text für den Titel des Textfelds. Verwende die Schaltflächen, um den Text fett oder kursiv darzustellen oder einen Link hinzuzufügen.
Größe der ÜberschriftÄndert die Größe des Überschriftstexts. Du kannst zwischen klein, mittel und groß wählen.

Textblock

Überblick über die Einstellungen für den Textblock im Abschnitt "Bildbanner"
EinstellungBeschreibung
BeschreibungZeigt Text im Absatzstil an.
TextstilÄndert den Textstil im Bildbanner. Wähle zwischen "Nachricht", "Untertitel" und "Großbuchstaben".

Schaltflächenblock

Überblick über die Einstellungen für den Schaltflächenblock im Abschnitt "Bildbanner"
EinstellungBeschreibung
Erste Beschriftung der SchaltflächeDer Text, der auf der ersten Schaltfläche angezeigt wird.
Erster Link der SchaltflächeDie URL, zu der die erste Schaltfläche verlinken soll.
Umriss-Stil für Schaltfläche verwendenPasst den Stil der Schaltfläche so an, dass nur der Umriss einer Schaltfläche statt eines soliden Hintergrunds angezeigt wird.
Zweite Beschriftung der SchaltflächeDer Text, der auf der zweiten Schaltfläche angezeigt wird.
Zweiter Link der SchaltflächeDie URL, zu der die zweite Schaltfläche verlinken soll.
Umriss-Stil für Schaltfläche verwendenPasst den Stil der Schaltfläche so an, dass nur der Umriss einer Schaltfläche statt eines soliden Hintergrunds angezeigt wird.

Bild mit Text

Du kannst einen Abschnitt hinzufügen, der ein Bild und einen Textblock mit einer optionalen Schaltfläche enthält, um Kunden auf eine neue Seite zu leiten. Kopple Text mit einem Bild, um den Fokus auf dein bestimmtes Produkt, deine Sammlung oder deinen Blog-Beitrag zu konzentrieren. Füge Details über zu Verfügbarkeit und Stil oder eine Bewertung hinzu.

Abschnittseinstellungen

Überblick über die Einstellungen für Bild mit Text
EinstellungBeschreibung
BildKlicke auf Bild auswählen, um ein Bild für den Abschnitt auszuwählen. Klicke auf die Schaltfläche Ändern, um das Bild zu ändern oder zu entfernen.
Alt-Text bearbeitenKlicke auf diese Option, um einen Bild-Alt-Text für die Suchmaschinenoptimierung (SEO) festzulegen und das Bild für Kunden mit Bildschirmlesegeräten zu beschreiben.
BildhöheWähle die Höhe für das Bild aus:
  • An Bild anpassen (Standard)
  • Klein
  • Mittel
  • Groß
Desktop-BildbreiteDie Breite für das Bild:
  • Klein
  • Mittel (Standard)
  • Groß
Desktop-BildplatzierungWähle aus, ob das Bild oder der Text zuerst angezeigt werden soll. Für mobile Layouts ist "Bild zuerst" die Standardeinstellung:
  • Bild zuerst (Standard für Mobilgeräte)
  • Zweites Bild
Desktop-InhaltspositionDie vertikale Position des Inhalts im Container:
  • Oben (Standard)
  • Mitte
  • Unten
Desktop-InhaltsausrichtungDie Ausrichtung des Textes im Container:
  • Links (Standard)
  • Zentriert
  • Rechts
Layout des InhaltsLässt eine Überlappung von Bild und Textfeldern zu. Wenn Keine Überlappung ausgewählt ist, wird der Inhalt an den Text und das Bild angepasst.
  • Überlappung
  • Keine Überlappung (Standard)
FarbgebungEin Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.
Animationen

Wähle eine Animation für dein Bild aus:

  • Keine (Standard)
  • Atmosphärische Bewegung – Bewegt die Bildposition langsam innerhalb des Bildcontainers.
  • Beim Scrollen heranzoomen – Wenn ein Kunde durch die Seite scrollt, bewegen sich die Elemente im Vordergrund wie Text und Schaltflächen in derselben Geschwindigkeit, während der Hintergrund fixiert bleibt und das Bild herangezoomt wird.
Mobiles LayoutWähle die Ausrichtung des Inhalts für Mobilgeräte:
  • Links (Standard)
  • Rechts
  • Zentriert
Abschnitts-PaddingFüge oben oder unten im Abschnitt "Bild mit Text" Abstand hinzu. Verwende den Bereichsschieberegler, um über oder unter dem Abschnitt "Bild mit Text" zwischen 0 und 100 Pixel Abstand hinzuzufügen.

Überschriftsblock

Überblick über die Einstellungen für den Überschriftenblock im Abschnitt "Bild mit Text"
EinstellungBeschreibung
TitelTiteltext für den Abschnitt. Verwende die Schaltflächen, um den Text fett oder kursiv darzustellen oder einen Link hinzuzufügen.
Größe der ÜberschriftÄndert die Größe des Überschriftstexts. Du kannst zwischen klein, mittel und groß wählen.

Textblock

Überblick über die Einstellungen für den Textblock im Abschnitt "Bild mit Text"
EinstellungBeschreibung
InhaltZeigt Text im Absatzstil im Textabschnitt an.
TextstilStil für den Inhaltstext:
  • Nachricht (Standard)
  • Untertitel

Schaltflächenblock

Überblick über die Einstellungen für den Schaltflächenblock im Abschnitt "Bild mit Text"
EinstellungBeschreibung
SchaltflächenbeschriftungDer Text, der auf der Schaltfläche angezeigt wird.
SchaltflächenlinkDie URL, zu der die Schaltfläche verlinken soll.

Bildtextblock

Überblick über die Einstellungen für den Untertitelblock im Abschnitt "Bild mit Text"
EinstellungBeschreibung
TextFüge deinem Bild eine Tagline oder einen Bildtext hinzu. Der Text wird unten in deinem Abschnitt "Bild mit Text" angezeigt.
TextstilStil des Inhaltstexts:
  • Großbuchstaben (Standard)
  • Untertitel
TextgrößeGröße des Inhaltstexts:
  • Klein
  • Mittel (Standard)
  • Groß

Mit mehreren Spalten

Du kannst den mehrspaltigen Abschnitt verwenden, um Inhalte in einem Spaltenlayout anzuzeigen, und eine Schaltfläche unter den Spalten hinzufügen, mit der der Kunde zu einer neuen Seite gelangt. Kombiniere Text mit einem Bild, um den Fokus auf dein Produkt, deine Kollektion oder deinen Blog-Beitrag zu richten. Füge Details zur Verfügbarkeit oder zum Stil hinzu oder stelle eine Bewertung bereit.

Abschnittseinstellungen

Überblick über die Einstellungen für den Abschnitt "Mit mehreren Spalten"
EinstellungBeschreibung
TitelDer Titel des Abschnitts. Verwende die Schaltflächen, um den Text fett oder kursiv darzustellen oder einen Link hinzuzufügen.
Größe der ÜberschriftÄndert die Größe des Überschriftstexts. Du kannst zwischen klein, mittel und groß wählen.
Bildbreite

Die Breite der Bilder wird zu den Spalten hinzugefügt.

  • Ganze Breite der Spalte (Standard) – Die Breite des Bildes entspricht der gesamten Größe der Spalte.
  • Halbe Breite der Spalte – Die Breite des Bildes entspricht der halben Größe der Spalte.
  • Drittelbreite der Spalte – Die Breite des Bildes entspricht einem Drittel der Größe der Spalte.
Bildverhältnis

Das Bildverhältnis für das Bild:

  • An Bild anpassen (Standard) – Verwendet das Seitenverhältnis des Bildes. So wird verhindert, dass das Bild abgeschnitten wird.
  • Hochformat – Schneidet das Bild auf ein Verhältnis von 2:3 zurecht.
  • Quadratisch – Schneidet das Bild auf ein Verhältnis von 1:1 zurecht.
  • Kreis – Schneidet das Bild zu, damit es als Kreis angezeigt wird.
Anzahl der Spalten auf dem DesktopVerwende die Bereichsskala, um die Anzahl an Spalten festzulegen, die auf dem Desktop angezeigt werden. Mindestens 1, maximal 6.
Spaltenausrichtung

Die Ausrichtung der Bilder und des Texts innerhalb der Spalten:

  • Links (Standard) – Richtet die Bilder und den Text nach links aus.
  • Zentriert – Richtet die Bilder und den Text zentriert aus.
Sekundärer HintergrundWähle die Option Keiner aus, um den sekundären Hintergrund auszublenden, oder wähle Als Spaltenhintergrund anzeigen aus, um die Containerfarben der Spalten zu ändern.
SchaltflächenbeschriftungDer Text, der auf der Schaltfläche angezeigt wird.
SchaltflächenlinkDie URL, zu der die Schaltfläche verlinken soll.
FarbgebungEin Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.
Anzahl der Spalten auf mobilem GerätLegt ein bestimmtes Spaltenlayout für Mobilgeräte fest. Du kannst zwischen 1 und 2 Spalten wählen.
Wischen auf Mobilgeräten aktivierenÄndert die mobile Anzeige von einer Spalte zu einer Reihe, sodass Kunden zur Seite wischen können, um mehr Kollektionsblöcke zu sehen.
Abschnitts-PaddingFüge oben oder unten im Abschnitt "Mit mehreren Spalten" Abstand hinzu. Verwende den Bereichsschieberegler, um über oder unter dem Abschnitt "Mit mehreren Spalten" zwischen 0 und 100 Pixel Abstand hinzuzufügen.

Spaltenblock

Du kannst maximal 12 Spalten in einem Abschnitt haben. Wenn du einen, zwei oder drei Spaltenblöcke hast, werden sie auf dem Desktop in einer Zeile angezeigt. Wenn du vier oder mehr Spaltenblöcke hast, werden sie in einem Layout von zwei Spalten angezeigt. Auf der mobilen Seite werden die Spaltenblöcke in einer einzelnen Spalte angezeigt, es sei denn, die Funktion Wischen auf Mobilgeräten aktivieren ist aktiviert.

Überblick über die Einstellungen für den Spaltenblock im Abschnitt "Mit mehreren Spalten"
EinstellungBeschreibung
BildDas Bild, das angezeigt werden soll.
TitelDer Titel der Spalte. Verwende die Schaltflächen, um den Text fett oder kursiv darzustellen oder einen Link hinzuzufügen.
BeschreibungDer Absatztext in der Spalte.
Link-Label [optional]Der Text eines Links, der unterhalb des Spaltenblocks hinzugefügt wird. Lasse das Feld leer, wenn kein Link hinzugefügt wurde.
LinkURL für den Link. Lasse das Feld leer, wenn kein Link hinzugefügt wurde.

Mit mehreren Reihen

Du kannst einen Abschnitt hinzufügen, der mehrere Zeilen enthält, die jeweils ein Bild, Text und eine optionale Schaltfläche beinhalten. Kombiniere Text mit einem Bild, um den Fokus auf dein Produkt, deine Kollektion oder deinen Blog-Beitrag zu richten. Du kannst außerdem weitere Details über die Verfügbarkeit oder den Stil und sogar eine Bewertung hinzufügen.

Du kannst Metaobjekt-Inhalte auch über dynamische Quellen anzeigen. Um Metaobjekteinträge anzuzeigen, musst du ein Metaobjekt erstellen, Einträge erstellen und sicherstellen, dass das Metaobjekt Storefront-Zugriff hat, bevor du die Einträge in mehrreihigen Abschnitten verwenden kannst.

Abschnittseinstellungen

Überblick über die Einstellungen für Abschnitte mit mehreren Reihen
EinstellungBeschreibung
BildhöheWähle die Höhe für das Bild aus:
  • An Bild anpassen
  • Klein
  • Mittel (Standard)
  • Groß
Desktop-BildbreiteDie Breite für das Bild:
  • Klein
  • Mittel (Standard)
  • Groß
Größe der ÜberschriftÄndert die Größe des Überschriftstexts. Du kannst zwischen klein, mittel und groß wählen.
TextstilÄndert den Textstil. Wähle zwischen Nachricht (Standard) und Untertitel.
SchaltflächenstilZur Auswahl stehen eine durchgehende Schaltfläche und eine Umriss-Schaltfläche.
Desktop-InhaltspositionDie vertikale Position des Inhalts im Container:
  • Oben
  • Mitte (Standard)
  • Unten
Desktop-InhaltsausrichtungDie Ausrichtung des Textes im Container:
  • Links (Standard)
  • Zentriert
  • Rechts
Desktop-BildplatzierungWähle die Position der Bilder aus. Die Platzierung wird automatisch für die mobile Nutzung optimiert:
  • Abwechselnd von links (Standard)
  • Abwechselnd von rechts
  • Linksbündig
  • Rechtsbündig
FarbgebungEin Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.
Farbschema für ContainerEin Satz von Farben, den du auf den Container anwenden kannst. Erhalte mehr Informationen über Farbschemas.
Mobiles LayoutWähle die Ausrichtung des Inhalts für Mobilgeräte:
  • Links (Standard)
  • Rechts
  • Zentriert
Abschnitts-PaddingFüge oben oder unten im mehrreihigen Abschnitt Abstand hinzu. Verwende den Bereichs-Slider, um über oder unter dem Abschnitt "Bild mit Text" zwischen 0 und 100 Pixel Abstand hinzuzufügen.

Zeilenblock

Überblick über die Einstellungen für den Zeilenblock im Abschnitt "Mit mehreren Zeilen"
EinstellungBeschreibung
BildKlicke auf Bild auswählen, um ein Bild für die Zeile auszuwählen. Klicke auf die Schaltfläche Ändern, um das Bild zu ändern oder zu entfernen. Klicke auf die Schaltfläche "Quelle", um eine Verknüpfung zu dynamischen Quellen zu erstellen.
Alt-Text bearbeitenKlicke auf diese Option, um einen Bild-Alt-Text für die Suchmaschinenoptimierung (SEO) festzulegen und das Bild für Kunden mit Bildschirmlesegeräten zu beschreiben.
BildtextFüge eine Tagline oder Untertitel zu deinem Bild hinzu.
TitelTiteltext für die Zeile. Verwende die Schaltflächen, um den Text fett oder kursiv darzustellen oder einen Link hinzuzufügen.
TextZeigt Text im Absatzstil in der Zeile an.
SchaltflächenbeschriftungDer Text, der auf der Schaltfläche angezeigt wird.
SchaltflächenlinkDie URL, zu der die Schaltfläche verlinken soll.

Seite

Du kannst auswählen, dass der Inhalt einer benutzerdefinierten Seite in einem Abschnitt angezeigt werden soll. Dies bringt den gesamten Inhalt der Seite im Abschnitt unter, beinhaltet jedoch keinen Liquid-Code aus Vorlagen.

Abschnittseinstellungen

Überblick über die Seiteneinstellungen
EinstellungBeschreibung
SeiteDie Seite aus deinem Onlineshop, die du anzeigen möchtest.
Größe der ÜberschriftÄndert die Größe des Überschriftstexts. Du kannst zwischen klein, mittel und groß wählen.
FarbgebungEin Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.
Abschnitts-PaddingFüge oben oder unten im Seitenabschnitt Abstand hinzu. Verwende den Bereichsschieberegler, um über oder unter dem Seitenabschnitt zwischen 0 und 100 Pixel Abstand hinzuzufügen.

Rich Text

Du kannst einen Rich Text-Abschnitt mit einer Überschrift, einem Absatzinhalt und einer Schaltfläche, die Kunden zu einer neuen Seite weiterleitet, hinzufügen.

Abschnittseinstellungen

Überblick über die Rich-Text-Einstellungen
EinstellungBeschreibung
Desktop-InhaltspositionWähle die Position des Rich Text-Containers aus. Verwende das Dropdown-Menü, um links, Mitte (Standard) oder rechts auszuwählen. Die Inhalte werden automatisch für Mobilgeräte optimiert.
InhaltsausrichtungDiese Einstellung wirkt sich auf die Textausrichtung für alle Blöcke im Rich Text-Abschnitt aus. Verwende das Dropdown-Menü, um links, Mitte (Standard) oder rechts auszuwählen.
FarbgebungEin Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.
Abschnitt über die gesamte BreiteAbschnitte haben standardmäßig die volle Breite.
Abschnitts-PaddingFüge oben oder unten im Rich-Text-Abschnitt Abstand hinzu. Verwende den Bereichsschieberegler, um über oder unter dem Rich-Text-Abschnitt zwischen 0 und 100 Pixel Abstand hinzuzufügen.
Mit dynamischen Quellen verbindenVerwende dynamische Quellen in deinem Rich Text-Abschnitt, um dich auf Informationen wie Metafelder oder Metaobjekte zu beziehen. Du kannst auch Listenreferenzen verwenden, um Textlisten in dein Theme einzuarbeiten. Eine Metafeldliste (auch wenn sie in einem referenzierten Metaobjekt verfügbar ist) kann zum Beispiel verwendet werden, um eine Textliste in der Rich Text-Einstellung deines Themes einzuarbeiten.

Überschriftsblock

Dein Rich Text-Abschnitt kann bis zu drei Überschriftenblöcke enthalten.

Überblick über die Einstellungen für den Überschriftenblock im Abschnitt "Rich Text"
EinstellungBeschreibung
TitelDer Titel des Abschnitts. Verwende die Schaltflächen, um den Text fett oder kursiv darzustellen oder um einen Link hinzuzufügen. Klicke auf die Schaltfläche "Quelle", um eine Verknüpfung zu dynamischen Quellen zu erstellen.
Größe der ÜberschriftÄndert die Größe des Überschriftstexts. Du kannst zwischen klein, mittel, groß und extragroß wählen.

Textblock

Der Textblock ist eine gute Möglichkeit, Informationen über deine Marke mit deinen Kunden zu teilen. Du kannst die Vorteile deiner Produkte beschreiben, Ankündigungen machen, Kunden in deinem Shop begrüßen oder über deine Markenwerte sprechen.

Du kannst bis zu drei Textblöcke in deinem Rich Text-Abschnitt haben.

Überblick über die Einstellungen für den Textblock im Abschnitt "Rich Text"
EinstellungBeschreibung
BeschreibungAbsatzstil-Text für den Hauptinhalt des Abschnitts. Klicke auf die Schaltfläche "Quelle", um eine Verknüpfung zu dynamischen Quellen zu erstellen.

Bildtextblock

Dein Rich Text-Abschnitt kann bis zu drei Bildtextblöcke enthalten.

Überblick über die Einstellungen für den Textblock im Abschnitt "Rich Text"
EinstellungBeschreibung
TextFüge dem Rich Text-Abschnitt eine kurze Tagline hinzu.
TextstilWähle im Dropdown-Menü einen Textstil zwischen Untertitel (Standard) und Großbuchstaben aus.
TextgrößeVerwende das Dropdown-Menü, um die Textgröße für den Bildtext festzulegen. Wähle zwischen klein, mittel (Standard) und groß.

Schaltflächenblock

Dein Rich Text-Abschnitt kann bis zu zwei Schaltflächenblöcke enthalten.

Überblick über die Einstellungen für den Schaltflächenblock im Abschnitt "Rich Text"
EinstellungBeschreibung
SchaltflächenbeschriftungDer Text, der auf der Schaltfläche angezeigt wird.
SchaltflächenlinkDie URL, zu der die Schaltfläche verlinken soll.
Umriss-Stil für Schaltfläche verwendenPasst den Stil der Schaltfläche so an, dass nur der Umriss einer Schaltfläche statt eines soliden Hintergrunds angezeigt wird.

Slideshow

Du kannst einen Slideshow-Bereich hinzufügen, um ein Karussell von bis zu 5 Bildern auf einer Seite in deinem Shop anzuzeigen.

Abschnittseinstellungen

Überblick über die Slideshow-Einstellungen
EinstellungBeschreibung
LayoutWähle zwischen Volle Breite (Standard) und Raster. In voller Breite nimmt die Slideshow die gesamte Breite des Abschnitts ein, während in der Rasteransicht die Slideshow auf beiden Seiten mit Padding angezeigt wird.
Diahöhe

Die Höhe der Slideshow:

  • An erstes Bild anpassen – Alle Bilder haben die gleiche Höhe wie das erste Bild im Karussell.
  • Klein
  • Mittel (Standard)
  • Groß
Seitennummerierungsstil

Der Stil der Slideshow-Navigation, die unter den Bildern angezeigt wird.

  • Punkte
  • Zähler (Standard)
  • Zahlen
Slides automatisch wechseln

Aktiviere dieses Kontrollkästchen, um die Bilder in der Slideshow automatisch zu wechseln. Wenn dieses Kontrollkästchen nicht aktiviert ist, zeigt die Slideshow ein statisches Bild, bis der Kunde die Slideshow manuell fortsetzt.

Timer für Slides ändernVerwende die Leiste, um die Zeit für den automatischen Wechsel der Slides bei der Wiedergabe der Slideshow festzulegen. Mindestwert: 3 Sekunden, maximaler Wert: 9 Sekunden.
Animationen

Wähle eine Animation für dein Bild aus:

  • Keine (Standard)
  • Atmosphärische Bewegung – Bewegt die Bildposition langsam innerhalb des Bildcontainers
Mobiles LayoutAktiviere das Kontrollkästchen, um Inhalte unter Bildern auf Mobilgeräten anzuzeigen.
ZugänglichkeitFüge eine Beschreibung für deine Slideshow für Kunden mit Sehbehinderung hinzu.

Einstellungen für Bilder bei Slideshow

Überblick über die Einstellungen für Bildfolien im Abschnitt "Slideshow"
EinstellungBeschreibung
BildWähle ein statisches oder dynamisches Bild für deine Slideshow. Klicke auf Bild auswählen, um deine Medienbibliothek anzuzeigen, oder klicke auf die Schaltfläche "Quelle", um eine Verknüpfung zu einer dynamischen Quelle zu erstellen. Nachdem du ein Bild ausgewählt hast, kannst du durch Klicken auf die Schaltfläche Ändern das Bild entfernen, ändern oder löschen.
Alt-Text bearbeiten

Beschreibe das Slideshow-Bild und biete Kontext für Kunden, die Bildschirmlesegeräte verwenden.

Titel

Optionaler Headertext für das Bild. Text wird jedem Bild einzeln hinzugefügt. Verwende die Schaltflächen, um den Text fett oder kursiv darzustellen oder einen Link hinzuzufügen.

Größe der Überschrift

Wähle zwischen einer kleinen, mittleren (Standard) oder großen Überschrift.

Unter-ÜberschriftOptionaler Unterüberschrift-Text für das Bild. Text wird jedem Bild einzeln hinzugefügt. Verwende die Schaltflächen, um den Text fett oder kursiv darzustellen oder einen Link hinzuzufügen.
SchaltflächenbeschriftungGib Text für eine Schaltfläche ein oder lasse das Feld leer, um die Schaltfläche ganz auszublenden.
SchaltflächenlinkDie URL, zu der die Schaltfläche verlinken soll. Klicke auf die Schaltfläche "Quelle", um eine dynamische Quelle als URL hinzuzufügen.
Umriss-Stil für Schaltfläche verwendenKlicke auf das Kontrollkästchen, um zwischen einer durchgehenden oder einer Umriss-Schaltfläche umschalten zu können.
Desktop-InhaltspositionDie Position des Inhaltsfelds über dem Bild. Wähle zwischen oben, mittig oder unten und links, zentriert oder rechts. Die Standardeinstellung ist "Mitte zentriert".
Container auf dem Desktop anzeigenAktiviere das Kontrollkästchen, um das Inhaltsfeld anzuzeigen.
Desktop-InhaltsausrichtungRichtet den Text im Container aus. Wähle zwischen links, Mitte (Standard) oder rechts.
Deckkraft der BildüberlagerungVerwende den Schieberegler, um die Deckkraft der Bildüberlagerung anzupassen.
FarbgebungEin Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas. Diese Einstellung erfordert, dass der Container angezeigt wird, damit die Einstellung auf das Slideshow-Bild angewendet werden kann.
Mobiles LayoutWähle aus, wie der Inhalt auf einem mobilen Gerät angezeigt wird. Wähle zwischen links, mittig (Standard) oder rechts.

Video

Du kannst einer Seite in deinem Shop einen Videoabschnitt hinzufügen, um ein Video von YouTube oder Vimeo einzubetten.

Abschnittseinstellungen

Überblick über die Videoeinstellungen
EinstellungBeschreibung
TitelDer Titel des Abschnitts. Verwende die Schaltflächen, um den Text fett oder kursiv darzustellen oder einen Link hinzuzufügen.
Größe der ÜberschriftÄndert die Größe des Überschriftstexts. Du kannst zwischen klein, mittel und groß wählen.
Videoschleife abspielenWenn die Einstellung aktiviert ist, beginnt das Video nach dem Ende erneut.
VideoFüge dein eigenes Video zum Abschnitt hinzu oder wähle es aus. Du kannst das Video bearbeiten, um ein benutzerdefiniertes Titelbild zu verwenden und Alt-Text hinzuzufügen. Wenn ein von Shopify gehostetes Video hinzugefügt wird, wird es anstelle eines URL-Videos aus der Einstellung unten verwendet.
URLDer YouTube- oder Vimeo-Link zum Video. Das Video muss öffentlich zugänglich sein und es wird nur angezeigt, wenn in der oben genannten Einstellung kein von Shopify gehostetes Video hinzugefügt wird.
TitelbildDas Bild, das angezeigt wird, bevor ein Kunde das Video abspielt.
Video-Alt-TextDer Alt-Text für das Video. Er beschreibt den Kontext und Zweck des Videos für Kunden, die Bildschirmlesegeräte verwenden.
Abschnitt über die gesamte BreiteEntfernt das Standard-Padding und erweitert den Abschnitt auf die volle Breite der Seite.
FarbgebungEin Satz von Farben, den du auf diesen Abschnitt anwenden kannst. Erhalte mehr Informationen über Farbschemas.
Abschnitts-PaddingFüge oben oder unten Abstand zum Video hinzu. Verwende den Bereichsschieberegler, um über oder unter dem Videoabschnitt zwischen 0 und 100 Pixel Abstand hinzuzufügen.
Du hast die gesuchten Antworten nicht gefunden? Wir helfen dir gerne weiter.