Der Theme Wizard ist ein einstufiger Auswahlprozess zur Wahl eines Storefront-Designs. Er öffnet sich nach dem Extrahieren von Branding aus einer URL und zeigt 3–5 KI-generierte Theme-Optionen, die aus denselben extrahierten Farben und Schriftarten erstellt wurden. Wählen Sie eine aus und klicken Sie dann auf Speichern und Anwenden.
Optionen durchsuchen
- Eine Live-Vorschau zeigt, wie das Theme über den gesamten Storefront angewendet wird.
- Verwenden Sie die Pfeile „Zurück"/„Weiter" oder klicken Sie auf die Punkte unter der Vorschau, um zwischen den Optionen zu wechseln. Die Zählung (z. B. „2 von 4") zeigt Ihnen, wo Sie sich befinden.
- Jede Option verwendet die gleiche extrahierte Farbpalette auf unterschiedliche Weise.
Der Punkt für das aktuell ausgewählte Theme trägt ein grünes Häkchen. Wenn Sie auf den Punkt klicken, den Sie gerade ansehen, wird dieses Theme ausgewählt.
Speichern und Anwenden
Klicken Sie auf Speichern und Anwenden, um das Theme als Style-Preset zu speichern und auf den Storefront anzuwenden. Das Theme, das Sie gerade ansehen, wird gespeichert.
Die Lesbarkeit ist bereits berücksichtigt – es gibt keinen separaten Schritt zum Festlegen von Kontrast oder Overlays. Wenn das Theme gespeichert wird:
- Produktgitter-Bilder verwenden ein umgekehrtes Overlay (Text passt sich an, um über dem Artwork zu sitzen).
- Produktseiten-Hero verwendet ein Harmonisierungs-Overlay mit weißem Titeltext.
Nach dem Speichern
Eine Bestätigung wird angezeigt mit zwei Optionen:
- Fertig – schließt den Wizard mit angewendetem Theme.
- Anpassen – öffnet den Branding-Editor, um Farben, Schriftarten und Overlays feinzustellen. Siehe So bearbeiten Sie Branding.
Abbrechen
Abbrechen verwirft das extrahierte Theme. Ein Dialog Extraktion verwerfen? fordert Sie zur Bestätigung auf (Ihr extrahiertes Theme und Anpassungen gehen verloren). Sie können jederzeit erneut aus der gleichen URL extrahieren.