Theme-Einstellungen

Farben, Typografie, Formen, Animationen, Produktkarten, Warenkorb und Suche: die Einstellungen für den ganzen Shop.

Öffne die Theme-Einstellungen über das Pinsel-Symbol unten links im Editor.

Farben

Celestine arbeitet mit Farbschemata. Jedes Schema legt Hintergrund, Text, gedämpften Text, Akzent, Rahmen, primäre und sekundäre Buttons, Eingabefelder und Badges fest. Abschnitte und Blöcke wählen ein Schema statt einzelner Farben – änderst du ein Schema, ändert sich jede Stelle, die es nutzt.

Halte Fließtext auf hellem Hintergrund dunkel. Ziel ist ein Kontrastverhältnis von mindestens 4,5:1 (die mitgelieferten Schemata erfüllen das bereits).
Nutze ein Schema für den Seitenhintergrund (standardmäßig Weiß) und ein oder zwei getönte Schemata für hervorgehobene Abschnitte.
Die Farben für das Sale-Badge und das Ausverkauft-Badge sind Teil jedes Schemas.

Typografie

Einstellung	Wirkung
Schrift für Überschriften / Fließtext	Jede Schrift aus Shopifys Schriftbibliothek. Fett- und Kursivschnitte laden automatisch.
Größe der Überschriften	Skaliert alle Überschriften des Themes.
Schreibweise der Überschriften	Wie eingegeben oder in Großbuchstaben.
Textgröße	Grundgröße für Absätze und Bedienelemente.
Schreibweise der Buttons	Wie eingegeben oder in Großbuchstaben.

Layout und Formen

Seitenbreite: die maximale Breite der Inhalte.
Abstand zwischen Abschnitten: der Standardabstand. Jeder Abschnitt kann den Abstand oben und unten selbst überschreiben.
Ecken: von eckig bis weich – für Bilder, Karten, Eingabefelder und Schubladen.
Button-Form und Kartenstil (flach, mit Rahmen oder erhöht).

Animationen

Die Animationsstufe hat drei Optionen: Aus, Dezent und Ausdrucksstark. Wer auf seinem Gerät reduzierte Bewegung eingestellt hat, sieht immer die ruhige Variante – unabhängig von deiner Wahl. Überblenden zwischen Seiten fügt beim Navigieren einen sanften Übergang hinzu.

Produktkarten

Bildformat, Textausrichtung und ein zweites Bild beim Hovern.
Hersteller, Sternebewertung (aus Produktbewertungen) und Farb-Swatches.
Schnell hinzufügen: Produkte ohne Varianten landen mit einem Klick im Warenkorb; Produkte mit Optionen öffnen eine Schnellansicht mit der vollständigen Variantenauswahl.
Sale-Badge: die Ersparnis in Prozent oder als Betrag.
„Neu“-Badge: wie viele Tage ein Produkt als neu gilt (0 schaltet es aus).
Eigene Badges: Ein Produkt mit dem Tag badge:Limitiert zeigt auf seiner Karte das Badge „Limitiert“. Das Präfix badge: kannst du in der Einstellung ändern.

Warenkorb

Lege fest, was nach dem Hinzufügen passiert (Warenkorb-Schublade öffnen, Hinweis anzeigen oder zur Warenkorbseite wechseln), dazu Bestellnotizen, dynamische Checkout-Buttons, Empfehlungen und Belohnungsstufen. Details unter Warenkorb.

Suche und Währung

Vorschläge beim Tippen anzeigen schaltet die vorausschauende Suche ein oder aus.
Menü für beliebte Suchen: Die Links dieses Menüs erscheinen als Vorschläge, bevor jemand tippt.
Währungscodes anzeigen ergänzt Preise um USD, EUR usw. – hilfreich, wenn du in mehreren Währungen verkaufst.

Trage deine Profil-Links einmal ein – die Icons im Footer und die Teilen-Buttons lesen sie von hier.