core-section + Theme-Blöcke – Kompositionsdemonstration
Die Grundlage basiert auf dem block-first-Prinzip: Händler erstellen Layouts im Core-Abschnitt mit verschachtelten Gruppen und Inhaltsblöcken (Überschrift, Text, Bild, Schaltfläche, Akkordeon, Karussell, Abstandshalter, Trenner, RTE). Für diese Muster ist keine benutzerdefinierte Sektionsdatei erforderlich. Platzhalter werden angezeigt, bis Medien hochgeladen wurden.
Kern · 11
Markenband — THE WANG CONTEMPORARY (Startseite)
Genaues Aufbau der Startseite: Logo-Kombination (THE / WANG / CONTEMPORARY) + Spalte mit Slogan. Farbkonzept 3. Gleiche Blockstruktur wie die aktive HP-Markenleiste (core_section_RBpNVn).
DER
WANG
KONTEMPORÄR
KULTURELLE VORHUT
GEBOREN IN CHINATOWN
MIT GLOBALER VISION
Kern · 01
Gestapelte redaktionelle Sektion – Überschrift + Text + zwei Handlungsaufforderungen
Bereich: vertikal, seitenbreit, zentriert. Blöcke: Überschrift, Text, Schaltfläche ×2.
Neue Ankünfte
Erstellen Sie einfachen Landing-Text mit dem Core-Bereich. Fügen Sie so viele Überschriften-, Text- und Button-Blöcke hinzu wie benötigt – ordnen Sie sie im Theme-Editor neu an.
Kern · 02
Bild + Text (50 / 50) — Inhalt links, Medien rechts
Voreingestelltes Muster: Kernbereich Bild mit Text. Zwei Gruppen mit je 50% Breite.
Handgemachte Essentials
Kombinieren Sie eine Textspalte mit einer Bildspalte. Auf mobilen Geräten wird dies gestapelt (vertical_on_mobile). Kehren Sie die Reihenfolge mit reverse_on_mobile um, wenn die Medien zuerst angezeigt werden sollen.
Kern · 03
Text + Bild vertauscht – auf Mobilgeräten kommt das Medium zuerst
Gleiche 50/50-Aufteilung, reverse_on_mobile=true, sodass das Bild auf kleinen Bildschirmen über dem Text gestapelt wird.
Von der Laufsteg zum Einzelhandel
Verwenden Sie reverse_on_mobile, wenn das visuelle Element auf dem Smartphone zuerst angezeigt werden soll, während Desktop die Reihenfolge Text → Bild beibehält.
Kern · 04
Dreispaltige Karten
Horizontale Sektion; drei Gruppen mit je ~33% Breite. Stapelt sich auf Mobilgeräten.
Fertigbekleidung
Die Group umschließt Bild + Überschrift + Text. Abstand und Innenabstand befinden sich auf der Group.
Zubehör
Gruppe umschließt Bild + Überschrift + Text. Zwischenabstand und Innenabstand befinden sich auf der Gruppe.
Schuhware
Gruppe umschließt Bild + Überschrift + Text. Lücke und Innenabstand befinden sich auf der Gruppe.
Kern · 05
Überlagerter Hero-Bereich — Medien + Inhalt über einem Bild
Medien-Gruppe (overlay_container). Benachbarte Inhaltsgruppe mit overlay_on_desktop + overlay_on_mobile.
Kern · 06
Akkordeon-FAQ-Gruppe
core-accordion Blöcke innerhalb einer Gruppe. Optionaler first_accordion_top_border.
Kundenservice
Die Standardversandfristen variieren je nach Markt. Expressoptionen werden während des Kassenvorgangs angezeigt, sofern verfügbar.
Für berechtigte Artikel in originalem Zustand werden Rücksendungen innerhalb des Richtlinienzeitraums akzeptiert.
Nutzen Sie die Größen-Tabelle auf den Produktseiten. Die Passhinweise finden sich im Akkordeon der Produktbeschreibung.
Kern · 07
Spacer + Trennelement-Rhythmus
core-spacer und core-divider steuern den vertikalen Rhythmus ohne leere Gruppen.
Abschnittsrhythmus
Inhalt oberhalb des Trennstrichs.
Inhalt unter dem Trenner. Passen Sie Spacer-Tokens anstelle von Innenabstand an, wenn Sie einen einmaligen Abstand benötigen.
Kern · 08
Kern-Karussell – mehrspaltige Folien
core-carousel mit _carousel-slide-Kindelementen. Jede Slide = Gruppe mit Bild + Überschrift.
die Lookbook
Look 01
Ansicht 02
Stil 03
Look 04
Kern · 09
CTA-Leiste — alternatives Farbschema
Das Farbschema color_scheme der Sektion steuert den Hintergrund. Überschrift und Schaltfläche zentrieren.
Treten Sie der Liste bei
Wechseln Sie die Farbgestaltung des Abschnitts zu einer vollbreiten Leiste, ohne benutzerdefiniertes CSS zu verwenden.
Kern · 10
Formatierter Text (core-rte)
Verwenden Sie core-rte für längere HTML-/Richtlinieninhalte; core-text für kurze Beschriftungen.
Über diese Komposition
Core RTE unterstützt Listen, Links und Hervorhebungen für Seiten im Stil des Kundensupports.
- Verschachtelte Gruppen für das Layout
- Inhalte in Überschrift / Text / RTE / Button behalten
- Greifen Sie nur zu einer benutzerdefinierten Abschnittsdatei, wenn Liquid-Paginierung oder vorlagengebundene Daten erforderlich sind