Der Branding Editor ist ein Live-Preview-Editor zum Feinschliff von Style-Vorlagen. Er öffnet sich im Schritt Page Design des drop-Wizards und ist der natürliche nächste Schritt nach dem Extrahieren eines Stils von einer URL. Anders als das Formular für Page Styles zeigt er eine Live-Vorschau deiner Verkaufsseite sowie Kontrast-Feedback pro Farbe, während du Änderungen vornimmst.
So öffnest du ihn
Es gibt zwei Wege, beide im Schritt Page Design des Wizards:
- Nach der Extraktion. Wenn du einen Stil von einer URL extrahierst und auf Save & Apply klickst, zeigt der Erfolgsbildschirm einen Customize-Button. Klick ihn, um den Editor mit dem gerade extrahierten Theme zu öffnen.
- Bei einer gespeicherten Vorstellung. Wechsle zu Saved styles, wähle eine Vorstellung aus und klick den Edit-Button (Stift-Icon) daneben. Das öffnet den gleichen Editor für diese Vorstellung.
Du kannst den Editor jederzeit wieder öffnen, indem du die Vorstellung auswählst und den Stift-Button erneut klickst.
Was du siehst
Der Editor öffnet sich als vollflächiges Panel mit dem Titel Edit Theme, mit den Bedienelementen auf der linken Seite und Vorschauen auf der rechten.
- Editor (links). Passe Farben, Typografie und andere Branding-Einstellungen an. Farb-Felder haben einen integrierten Kontrast-Indikator, damit du während der Bearbeitung Lesbarkeitsprobleme erkennen kannst.
- Vorschauen (rechts). Zwei gestapelte, gerenderte Vorschauen — Home page und Product details page — die sich während deiner Bearbeitung aktualisieren, sodass du die Auswirkungen jeder Änderung sofort siehst.
Du kannst das Theme auch inline umbenennen – klick den Namen oben an, gib einen neuen ein und drück Enter.
Speichern
Klick Save, um deine Änderungen in der gleichen Vorstellung zu speichern. Escher aktualisiert dann die Vorstellungsliste und behält die Vorstellung bei der aktuellen drop-Seite bei, sodass der Editor und dein drop synchron bleiben.
- Revert changes macht deine ungespeicherten Änderungen rückgängig und stellt die letzte gespeicherte Version wieder her.
- Reset to original (wird angezeigt, wenn du den Editor direkt nach der Extraktion geöffnet hast) stellt die ursprünglich extrahierten Farben wieder her.
Die Save- und Revert-Buttons sind deaktiviert, bis du tatsächlich etwas geändert hast.
Ungespeicherte Änderungen
Wenn du den Editor mit ungespeicherten Änderungen schließt, fragt Escher Unsaved changes und bietet dir drei Optionen: Save, Discard oder Cancel (Bearbeitung fortsetzen). Die Vorstellung wird nicht aktualisiert, es sei denn, du speicherst.
Wo die Änderungen landen
Das Bearbeiten einer Vorstellung aktualisiert nur diese Vorstellung, daher erhält jeder drop, der sie verwendet, die Änderung bei der nächsten Veröffentlichung. Bereits veröffentlichte Seiten ändern sich nicht, bis du sie neu veröffentlichst.