El Editor de marca es un editor con vista previa en vivo para perfeccionar un preset de estilo. Se abre desde el paso Page Design del asistente de drop, y es el siguiente paso natural después de extraer un estilo de una URL. A diferencia del formulario de Page Styles, muestra una vista previa en vivo de tu página de venta y retroalimentación de contraste por color mientras realizas cambios.
Cómo abrirlo
Hay dos formas, ambas en el paso Page Design del asistente:
- Después de la extracción. Cuando extraes un estilo de una URL y haces clic en Save & Apply, la pantalla de éxito muestra un botón Customize. Haz clic en él para abrir el editor con el tema recién extraído cargado.
- En un preset guardado. Cambia a Saved styles, selecciona un preset y luego haz clic en el botón Edit (lápiz) junto a él. Esto abre el mismo editor para ese preset.
Puedes volver a abrir el editor en cualquier momento seleccionando el preset y haciendo clic nuevamente en el lápiz.
Qué ves
El editor se abre como un panel a pantalla completa titulado Edit Theme, con los controles a la izquierda y las vistas previas a la derecha.
- Editor (izquierda). Ajusta colores, tipografía y otras configuraciones de marca. Los campos de color incluyen un indicador de contraste en línea para que puedas detectar problemas de legibilidad mientras editas.
- Vistas previas (derecha). Dos vistas previas renderizadas apiladas — Home page y Product details page — que se actualizan mientras editas, para que veas el efecto de cada cambio inmediatamente.
También puedes renombrar el tema en línea: haz clic en el nombre en la parte superior, escribe uno nuevo y presiona Enter.
Guardando
Haz clic en Save para escribir tus cambios de nuevo en el mismo preset. Escher actualiza la lista de presets y mantiene el preset aplicado a la página del drop actual, para que el editor y tu drop se mantengan sincronizados.
- Revert changes deshace tus ediciones no guardadas y vuelve a la última versión guardada.
- Reset to original (mostrado cuando abriste el editor justo después de la extracción) restaura los colores originalmente extraídos.
Los botones Save y Revert están deshabilitados hasta que hayas realizado un cambio real.
Cambios no guardados
Si cierras el editor con ediciones no guardadas, Escher muestra Unsaved changes y te ofrece tres opciones: Save, Discard o Cancel (seguir editando). Nada se escribe en el preset a menos que lo guardes.
Dónde van los cambios
Editar un preset actualiza ese preset solamente, por lo que cada drop que lo use recibe el cambio en su próxima publicación. Las páginas ya publicadas no cambian hasta que las republiques.