Gemeinsame und Systemseiten-Abschnitte
In diesem Artikel erfährst du, welche Abschnitte du zu jedem Seitentyp hinzufügen kannst und welche festen Abschnitte jede Systemseite enthält. Wie du Abschnitte hinzufügst und anordnest, findest du unter Abschnitte und Blöcke.
Abschnitte, die du zu jeder Seite hinzufügen kannst
Diese erscheinen im Hinzufügen-Auswahlmenü auf jedem Seitentyp.
Text
Ein eigenständiger Textabschnitt für eine Überschrift oder einen Absatz. Bis zu 3 pro Seite. Alle Typografie-Einstellungen findest du unter Layout-Komponenten.
Bild
Ein eigenständiger Bildabschnitt. Bis zu 3 pro Seite. Konfiguriere Breite (anpassen, ausfüllen oder ein benutzerdefinierter Prozentsatz), Ausrichtung, Seitenverhältnis (automatisch, Hochformat, Quadrat oder Querformat), Anpassung (cover oder contain), Eckenradius, Innenabstand und einen optionalen Link.
Trennlinie
Eine Trennlinie. Bis zu 10 pro Seite. Konfiguriere Dicke, Länge (als Prozentsatz des Containers), Endkappenstil, Ausrichtung, Farbschema, Breite (anpassen oder ausfüllen) und Innenabstand. Siehe Layout-Komponenten.
Social-Media-Icons
Eine eigenständige Reihe von Social-Media-Plattform-Icons (eins pro Seite). Look ist Icons (volle Form- und Palettenkontrolle) oder Apps (jede Plattform als farbiger Marken-Kreis). Modus ist Inline (im Seitenfluss) oder Fixiert (am linken oder rechten Rand des Viewports verankert, immer sichtbar beim Scrollen), mit Option für Inline auf Mobilgeräten. Unterstützte Plattformen: Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp und Telegram, jeweils als Benutzername (WhatsApp als Telefonnummer). Einstellungen: Icon-Größe (12 bis 64 px), Abstand (0 bis 48 px), Ausrichtung, Form (keine, Kreis, abgerundet, Quadrat), Füllstil (flach oder Umriss), Containergröße (26 bis 80 px), Palette (Markenfarben, Mono oder benutzerdefinierte Hex-Farbe) und Hover-Effekt (keiner, Marke, Skalierung, Anheben, Transparenz).
Benutzerdefinierter Code
Ein Abschnitt für reines HTML, CSS und JavaScript (jeweils bis zu 5000 Zeichen, maximal 2 pro Seite). Dein HTML wird in einem eigenen Container gerendert, dein CSS ist automatisch auf diesen Container beschränkt und kann andere Abschnitte nicht beeinflussen, und dein JavaScript läuft in einem isolierten Bereich mit Container-Übergabe, geladen nach dem Seitenaufbau. Nützlich für Drittanbieter-Widgets und Einbettungen.
FAQ
Ein Akkordeon mit Frage-Antwort-Paaren. Verfügbar auf der Startseite und den Produktseiten. Lege Farbschema, Breite (Seite oder voll) und Innenabstand fest.
Systemseiten-Abschnitte
Jede Systemseite enthält einen erforderlichen Abschnitt, der ihre Kernfunktion definiert. Diese können nicht gelöscht, sondern nur konfiguriert werden. Du kannst jedoch weiterhin Text-, Bild-, Trennlinien- und andere beliebige Abschnitte darum herum platzieren.
- Kollektionsprodukte (Kollektionsseite): Das Produktgitter für eine Kollektion. Konfiguriere Spaltenanzahl für Desktop, Spaltenanzahl für Mobil (1 oder 2), Abstand, Breite, Farbschema und das Layout der Produktkarten.
- Suchprodukte (Suchseite): Das Ergebnisgitter, mit denselben Gitter- und Produktkarteneinstellungen wie Kollektionsprodukte.
- Kontakt (Kontaktseite): Ein Formular mit Feldern für Name, E-Mail, Betreff und Nachricht. Lege den Abstand zwischen den Feldern, die Beschriftung des Absende-Buttons und dessen Stil (primär oder sekundär) fest. Du kannst Text- und Gruppenblöcke um das Formular herum platzieren.
- Warenkorb (Warenkorbseite): Der Einkaufswagen mit Positionen, Gesamtsummen und Zugang zum Checkout.
- Kasse (Checkout-Seite): Der Checkout-Prozess mit Kunden- und Zahlungsfeldern.
- Bestellbestätigung (Danke-Seite): Die Zusammenfassung nach dem Kauf mit Bestelldetails, Kundeninformationen, Gesamtsummen sowie gewählten Versand- und Zahlungsmethoden.
- Richtlinie (Richtlinienseite): Zeigt den Inhalt deiner rechtlichen Seite (Titel und Text). Den Richtlinientext schreibst du in den Shop-Einstellungen, dieser Abschnitt steuert nur das Aussehen.
- 404 (404-Seite): Der Abschnitt "Seite nicht gefunden" mit Überschrift, Beschreibungstext und einem Button zurück zur Startseite.
Für die Abschnitte auf Start-, Produkt- und Landingpages siehe Startseiten-Abschnitte und Produkt- und Landingpage-Abschnitte. Für Header, Footer und Ankündigungsleiste siehe Globale Abschnitte.