Edytor marki to edytor z podglądem na żywo służący do dostrajania predefiniowanego stylu. Otwiera się w kroku Page Design kreatora drop i stanowi naturalny następny etap po wyodrębnieniu stylu z adresu URL. W przeciwieństwie do formularza Page Styles pokazuje live preview strony sprzedaży oraz opinię o kontraście dla każdego koloru w miarę wprowadzania zmian.
Jak go otworzyć
Istnieją dwa sposoby, oba w kroku Page Design kreatora:
- Po wyodrębnieniu. Gdy wyodrębnisz styl z adresu URL i klikniesz Save & Apply, ekran powodzenia wyświetli przycisk Customize. Kliknij go, aby otworzyć edytor z nowo wyodrębnionym motywem.
- Na zapisanym przedustawieniu. Przejdź do Saved styles, wybierz przedustawienie, a następnie kliknij przycisk Edit (ołówek) obok niego. Spowoduje to otwarcie tego samego edytora dla tego przedustawienia.
Edytor można ponownie otworzyć w dowolnym momencie, wybierając przedustawienie i klikając ołówek.
Co widzisz
Edytor otwiera się jako panel na pełnym ekranie zatytułowany Edit Theme, z kontrolkami po lewej i podglądami po prawej.
- Edytor (lewa strona). Dostosuj kolory, typografię i inne ustawienia marki. Pola kolorów zawierają wbudowany wskaźnik kontrastu, dzięki czemu możesz natychmiast zauważyć problemy z czytelnością.
- Podglądy (prawa strona). Dwa ułożone podglądy — Home page i Product details page — które aktualizują się podczas edycji, aby można było natychmiast zobaczyć efekt każdej zmiany.
Możesz również zmienić nazwę motywu bezpośrednio — kliknij nazwę u góry, wpisz nową i naciśnij Enter.
Zapisywanie
Kliknij Save, aby zapisać zmiany w tym samym przedustawieniu. Escher odświeża listę przedustawień i utrzymuje to przedustawienie zastosowane do strony bieżącego drop, dzięki czemu edytor i Twój drop pozostają zsynchronizowane.
- Revert changes cofa niezapisane zmiany i przywraca ostatnią zapisaną wersję.
- Reset to original (wyświetlane, gdy otworzysz edytor bezpośrednio po wyodrębnieniu) przywraca pierwotnie wyodrębnione kolory.
Przyciski Save i Revert są wyłączone, dopóki nie zmienisz czegoś.
Niezapisane zmiany
Jeśli zamkniesz edytor z niezapisanymi zmianami, Escher wyświetli komunikat Unsaved changes i da Ci trzy opcje: Save, Discard lub Cancel (kontynuuj edycję). Nic nie jest zapisywane w przedustawieniu, dopóki nie klikniesz save.
Gdzie lądują zmiany
Edycja przedustawienia aktualizuje tylko to przedustawienie, więc każdy drop, który go używa, przejmie zmianę przy następnym publikowaniu. Już opublikowane strony nie zmienią się, dopóki ich nie opublikujesz ponownie.