Zum Inhalt springen
Hilfe
Deutsch
Storefront-Builder

Welche Startseitensektionen kann ich hinzufügen (Hero, empfohlene Produkte, Slideshow, Indikator, Kollektionen)?

Alle Startseitensektionen im Builder und ihre Einstellungen: Hero, empfohlene Produkte, Slideshow, Newsletter, Indikator-Statistiken, Kollektionen-Showcase und FAQ.

Startseitensektionen

Diese Sektionen kannst du auf der Startseite im Builder hinzufügen. Wie du Sektionen hinzufügst, neu anordnest, duplizierst und löschst, erfährst du unter Sektionen und Blöcke.

Hero

Ein großes Banner mit Bild- oder Videohintergrund. Höhen-Voreinstellungen sind Klein (50% des Viewports), Mittel (70%), Groß (90%), Vollbild (volle Bildschirmhöhe), Bild (übernimmt die natürliche Größe deines Mediums, sodass das gesamte Bild angezeigt wird) oder Benutzerdefiniert (ein von dir festgelegter Prozentsatz). Inhaltsblöcke (Text, Button, Gruppe, Trenner) liegen über dem Medium und bieten Steuerungen für Richtung, Ausrichtung, Abstand und Innenabstand im Gruppenstil. Du kannst eine einfarbige oder verlaufende Überlagerung über das Medium legen. Wenn der Hero direkt unter der Kopfzeile sitzt und die transparente Option aktiviert ist, wird die Kopfzeile transparent und übernimmt das Farbschema des Hero, bis du daran vorbeiscrollst.

Empfohlene Produkte

Ein Produktgitter oder -karussell aus deinem Katalog. Quelle-Optionen sind Neueste, Älteste, Bestseller, Reduziert und Top bewertet. Ein optionaler Kollektion-Filter begrenzt das Gitter auf eine Kollektion. Layout ist Gitter oder Karussell. Stelle Desktop-Spalten (1 bis 8), mobile Spalten (1 oder 2), eine Option zum Umschalten des Gitters auf ein Karussell auf Mobilgeräten, Abstand zwischen den Karten und die Anzahl der angezeigten Produkte ein (4, 6, 8, 10 oder 12; Standard 8). Im Karussellmodus gibt es Navigationspfeile (Pfeile, Chevrons oder keine) mit optionalem Kreis- oder Quadrat-Hintergrund für die Buttons. Der Produktkarten-Block definiert das Layout jeder Karte (Bild, Titel, Preis, Bewertung, Kaufen-Button); du kannst auch Text- und Trennerblöcke über oder unter dem Gitter hinzufügen.

Slideshow

Ein vollbreites Bild- oder Video-Karussell, nur auf der Startseite. Jeder Slide hat eigenes Medium, optionale Überlagerung und Inhaltsblöcke (Text, Button, Gruppe, Trenner). Bis zu 7 Slides pro Slideshow und bis zu 2 Slideshow-Sektionen pro Seite. Autoplay wechselt die Slides automatisch nach einem von dir festgelegten Timer (in Sekunden), mit Pause bei Interaktion. Die Navigation kann Pfeile oder Chevrons anzeigen (oder keine) und die Paginierung kann Punkte, einen Zähler oder nichts anzeigen.

Newsletter

Ein E-Mail-Anmeldeformular, nur auf der Startseite. Der Modus ist Inline (im Seitenfluss) oder Fixiert (als schwebendes Widget). Blöcke sind Text (Überschriften und Beschreibungen), ein E-Mail-Eingabefeld (mit optionalem Label, Platzhalter und Datenschutzhinweis), ein Abonnieren-Button (Icon oder Textlabel, mit Option, ihn ins Eingabefeld zu integrieren), Trenner und Gruppen. Du kannst die Überschrift und Nachricht für den Erfolg nach der Anmeldung festlegen.

Indikator

Eine Reihe von Zahlenwerten, die beim Scrollen von null hochzählen, nur auf der Startseite (bis zu 2 pro Seite). Jeder Stat-Block zeigt einen Wert (0 bis 99.999) mit optionalem Präfix (z. B. ein Währungssymbol) und Suffix (z. B. + oder %), plus ein Textlabel, das du über oder unter dem Wert platzieren kannst. Sektionseinstellungen: Elemente pro Reihe (pRow, 1 bis 8, Standard 4), Element-Richtung (vertikal stapelt Wert über Label, horizontal nebeneinander), Wert-Schriftgröße (size, 12 bis 100 px, Standard 48), Fett-Umschalter, Breite (Seite oder voll), Farbschema und Innenabstand. Bis zu 8 Stat-Elemente, mit optionalen Trennern dazwischen.

Kollektionen

Eine Präsentation deiner Shop-Kollektionen, nur auf der Startseite. Quelle-Sortierung ist Neueste, Älteste, Alphabetisch oder Umgekehrt alphabetisch. Layout ist Gitter (statische Spalten), Karussell (horizontales Scrollen mit Pfeilen) oder Bento (ein 3-Spalten-Gitter mit abwechselnd großen und kleinen Karten). Stelle Desktop-Spalten (1 bis 6, Standard 3), mobile Spalten (1 oder 2), eine Option zum Umschalten des Gitters auf ein Karussell auf Mobilgeräten, Abstand (0 bis 40 px) und die Anzahl der angezeigten Kollektionen ein (4, 6, 8 oder 12; Standard 8). Die Karussell-Navigation kann Pfeile, Chevrons oder keine verwenden, mit keinem, Kreis- oder Quadrat-Hintergrund für die Buttons. Der Kollektionskarten-Block zeigt das Kollektionsbild, den Namen und optional die Produktanzahl, und seine Unterblöcke können umsortiert werden. Text-, Trenner- und Gruppenblöcke können über oder unter dem Gitter platziert werden.

FAQ

Ein Akkordeon aus Frage-Antwort-Paaren, verfügbar auf der Start- und Produktseite. Füge beliebig viele Paare hinzu und stelle Farbschema, Sektionsbreite (Seite oder voll) und Innenabstand ein.

Sektionen, die du hier ebenfalls hinzufügen kannst

Die eigenständigen Sektionen Text, Bild, Trenner, Benutzerdefinierter Code und Social-Media-Icons können ebenfalls auf der Startseite hinzugefügt werden. Ihre Einstellungen findest du unter Geteilte und Systemseitensektionen.