Wie Seitenstile und Themes zusammenhängen (Aus Theme importieren)

Escher hat zwei separate Bereiche, in denen das Erscheinungsbild gespeichert wird, und sie teilen sich Daten nicht automatisch:

• Seitenstile steuern deine drop-Verkaufsseiten. Das sind Voreinstellungen auf Kontoebene, die du erstellst und pro drop anwendest.
• Das Storefront-Theme steuert die eigenständige Storefront. Themes werden im Theme Manager / Theme Branding verwaltet, und ein Theme ist das aktive Theme.

Sie sind unabhängige Systeme. Das Bearbeiten eines Seitenstils hat keine Auswirkungen auf dein Theme, und das Ändern deines aktiven Themes hat keine Auswirkungen auf deine Seitenstile – es sei denn, du kopierst Werte bewusst mit Aus Theme importieren darüber hinweg.

Wann man „Aus Theme importieren" verwendet

Verwende es, wenn du dein Storefront-Branding (das aktive Theme) bereits eingerichtet hast und einen Seitenstil möchtest, der dazu passt, anstatt alle Farben und Schriftgrößen manuell erneut einzugeben.

Der Button liest das Branding des aktiven Themes. Wenn du kein aktives Theme hast, ist er mit dem Tooltip deaktiviert:

No active theme. Set up Theme Branding first.

Richte also zuerst ein Theme ein und aktiviere es (siehe How to use the Theme Manager).

Was wird kopiert

„Aus Theme importieren" zieht diese Werte aus dem aktiven Theme in den Seitenstil:

• Textfarben – Titel, Untertitel und Body-Text.
• Schaltflächentextfarbe.
• Hintergrundfarben – Hero-Hintergrund und Seitenhintergrund.
• Typografiegrößen – konvertiert in Pixel (z. B. wird ein Theme-Wert in rem oder ein clamp() zu einer px-Größe).
• Schriftfamilien – nur wenn das Theme diese gesetzt hat.

Es öffnet zuerst ein Bestätigungsdialogfeld, das genau auflistet, was importiert wird, und zeigt eine kleine Farbvorschau, damit du vor dem Anwenden überprüfen kannst.

Zwei Modi

Der Button funktioniert je nachdem, von wo aus du ihn auslöst, auf zwei Arten:

• Erstellen – erstellt einen neuen Seitenstil aus dem Branding des aktiven Themes. Er wird nach dem Theme benannt; wenn ein Stil mit diesem Namen bereits vorhanden ist, wird eine Nummer angehängt (z. B. My Theme (1)), damit der Name eindeutig bleibt. Der neue Stil landet in deiner Seitenstile-Bibliothek.
• Aktualisieren – wendet die Werte des aktiven Themes auf den Seitenstil an, den du gerade bearbeitest, und überschreibt diese Felder im Formular. Nichts wird gespeichert, bis du den Stil selbst speicherst.

Wichtige Punkte

• Die Kopie ist ein einmaliger Snapshot. Es gibt keine Live-Verbindung – wenn du das Theme später änderst, werden deine importierten Seitenstile nicht aktualisiert. Importiere erneut, um sie zu aktualisieren.
• Schriftarten können ersetzt werden. Seitenstile verwenden eine feste Schriftliste (Inter, Arial, Helvetica, Georgia, Times New Roman, Verdana). Wenn die Schriftart des Themes nicht eine dieser ist, wird sie ohne Warnung dem nächsten Match zugeordnet (Serif-Schriften fallback auf Georgia, alles andere auf Inter).
• „Aus Theme importieren" ist nicht dasselbe wie das Extrahieren eines Stils aus einer URL. URL-Extraktion erfolgt im Schritt Page Design des drop-Assistenten und liest eine Website; „Aus Theme importieren" liest dein eigenes aktives Storefront-Theme. Siehe How to extract styles from a website.