Skip to main content
Puedes previsualizar un carrito de dos maneras: en vivo en el editor mientras lo construyes, y en el tema de tu tienda antes de que se haga público.

​
El lienzo del editor

El centro del editor del carrito es una vista previa en vivo que renderiza el carrito real. Muestra ambos estados del carrito lado a lado — una tarjeta de Filled cart y una tarjeta de Empty cart — para que puedas ver ambos mientras trabajas.
  • Elige qué estado estás editando con el interruptor Filled / Empty en la barra lateral, o haciendo clic en el título encima de una tarjeta. Hacer clic dentro de una tarjeta no cambia el estado; selecciona el bloque bajo tu cursor. La tarjeta activa aparece delineada, y el bloque que estás editando recibe su propio resaltado.
  • Haz zoom con la pastilla de zoom en el propio lienzo (25%–200%): + y − avanzan en pasos de 10%, y hacer clic en el porcentaje lo restablece a 75%. Ctrl/Cmd + scroll hace zoom alrededor de tu cursor; el scroll normal y el arrastre desplazan la vista.
  • La vista previa refleja tus configuraciones de diseño y tu CSS personalizado en vivo a medida que los cambias.

​
Vista previa en tu tienda

Usa Preview en un carrito para verlo en un tema real en una nueva pestaña, sin hacerlo público:
  • Los carritos en vivo abren tu tienda directamente — el carrito en vivo ya es lo que ven los compradores.
  • Los carritos en borrador abren una vista previa del tema. Eliges en qué tema previsualizar (tu tema principal es el predeterminado), y Aftersell prepara el carrito borrador en ese tema solo para tu sesión de vista previa, sin tocar tu carrito en vivo. El app embed debe estar habilitado en el tema que elijas.
Las vistas previas de borradores pueden no reflejar por completo el comportamiento del carrito en vivo — trátalas como una aproximación cercana y haz una verificación final después de publicar.
Guarda tus cambios antes de previsualizar — el editor te pide guardar para que la vista previa refleje tu trabajo más reciente.

​
Estados vacío vs. con artículos

Ambos estados están siempre disponibles en el lienzo del editor (las dos tarjetas), así que puedes diseñar y verificar el carrito vacío y el carrito con artículos de forma independiente. En la tienda, los compradores ven el estado que corresponde a su carrito.

​
Escenarios de datos de muestra

El panel de configuración del bloque Cart items tiene una sección Preview con un selector de Sample data, que te permite alternar la vista previa del editor entre escenarios de líneas de artículos para verificar cómo se ve cada uno sin construir un carrito equivalente: Tu elección afecta solo la vista previa del editor. Nunca se guarda en el carrito, y se restablece cuando recargas el editor.