Abschnitte
Alle Abschnitte in Celestine, wofür sie gedacht sind und welche Einstellungen sie teilen.
Füge Abschnitte über Abschnitt hinzufügen in der Seitenleiste hinzu. Die meisten teilen dieselben Grundeinstellungen: Größe und Ausrichtung der Überschrift, Abstand oben und unten, ein Farbschema und bei Box- oder Medienabschnitten eine Breite (voll, begrenzt oder eingerückt).
Medien und Storytelling
| Abschnitt | Funktion |
|---|---|
| Slideshow | Überblendende oder wischbare Slides mit Bild oder Video, Text und Buttons. Autoplay pausiert beim Hovern und lässt sich anhalten |
| Hero | Ein großes Bild oder Video mit Text und Buttons |
| Bild mit Text | Medien neben Textblöcken |
| Bildcollage | Mehrere Bilder in einem redaktionellen Layout |
| Bento-Raster | Kacheln unterschiedlicher Größe mit Bildern, Videos und Links |
| Bild-Enthüllung | Ein Bild, das sich beim Scrollen öffnet |
| Video | Ein Video von Shopify, YouTube oder Vimeo |
| Video-Stories | Kurze Hochformat-Videos im Vollbild, jeweils mit einem Produkt |
| Scroll-Story | Textkapitel neben einem fixierten Bild, das mit jedem Kapitel wechselt |
| Statement | Eine große Textzeile |
| Laufschrift | Ein durchlaufendes Band kurzer Sätze |
| Vorher und nachher | Ein Schieberegler zwischen zwei Fotos |
Produkte und Kollektionen
| Abschnitt | Funktion |
|---|---|
| Produktreihe | Ein Karussell oder Raster aus einer Kollektion oder ausgewählten Produkten, optional mit Kollektions-Tabs |
| Produkt im Fokus | Ein Produkt mit Kaufbereich – überall im Shop |
| Shoppable Image | Hotspots auf einem Foto, die Produktkarten öffnen |
| Kollektionskacheln | Kollektionen als Bildkacheln |
| Produktvergleich | Bis zu vier Produkte nebeneinander |
| Vergleichstabelle | Dein Produkt im Vergleich zu Alternativen, Zeile für Zeile |
| Bundle-Builder | Kund:innen wählen Artikel und legen alle auf einmal in den Warenkorb |
| Produktfinder-Quiz | Fragen, die zu einer passenden Kollektion führen. Siehe Haut-Quiz |
| Zuletzt angesehen | Produkte, die sich die Person angesehen hat (im Browser gespeichert) |
| Produktempfehlungen | Ähnliche oder ergänzende Produkte auf der Produktseite |
Vertrauen und Inhalte
| Abschnitt | Funktion |
|---|---|
| Kundenstimmen | Zitate als Leiste, Mauerwerk oder Spotlight |
| Presse-Zitate | Zitate aus Medien mit deren Logos |
| Logo-Wand | Händler-, Partner- oder Presse-Logos |
| Kennzahlen | Zahlen, die beim Erscheinen hochzählen |
| Vertrauensleiste | Kurze Versprechen mit Icon (Versand, Rückgabe, tierversuchsfrei) |
| Inhaltsstoffe | Wichtige Inhaltsstoffe mit Bild und Beschreibung |
| Ritual-Schritte | Eine Routine Schritt für Schritt mit verlinkten Produkten |
| Zeitstrahl | Meilensteine deiner Markengeschichte |
| Spalten | Text und Bilder in zwei bis vier Spalten |
| Inhalts-Tabs | Textbereiche in Tabs |
| FAQ | Fragen und Antworten; ergänzt strukturierte FAQ-Daten für Suchmaschinen |
| Blogbeiträge | Neueste Artikel eines Blogs |
| Kundengalerie | Kundenfotos, jeweils mit einem Produkt verknüpft |
| Filialen | Adressen und Öffnungszeiten |
| Countdown | Ein Countdown bis zu einem Datum deiner Wahl |
| Kontaktformular | Ein Kontaktformular mit optionalen Zusatzfeldern |
| Newsletter | E-Mail-Anmeldung, verbunden mit Shopify-Kunden |
| Text, Trenner, Custom Liquid, Apps | Hilfsabschnitte für alles andere |
Theme-Blöcke
Textbasierte Abschnitte (Text, Hero, Bild mit Text, Bildcollage u. a.) nehmen Theme-Blöcke auf: Überschrift, Text, Buttons, Foto, Gruppe, Abstand, Trenner und Custom Liquid. Gruppen können weitere Blöcke enthalten – so entstehen Layouts ganz ohne Code.
Kursive Wörter in einer Überschrift (mit dem I-Button im Editor) erscheinen im Kursivschnitt der Überschriftenschrift – eine einfache Betonung ohne zusätzliche Farbe.