> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Previsualizar carritos

> Previsualiza tu Aftersell Cart antes de publicarlo: en el lienzo del editor y en el tema de tu tienda en vivo.

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.

<div id="the-editor-canvas">
  ## El lienzo del editor
</div>

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](/es/aftersell/cart/design-settings) y tu [CSS personalizado](/es/aftersell/cart/custom-css) en vivo a medida que los cambias.

<div id="preview-on-your-storefront">
  ## Vista previa en tu tienda
</div>

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.

<Note>
  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.
</Note>

Guarda tus cambios antes de previsualizar — el editor te pide guardar para que la vista previa refleje tu trabajo más reciente.

<div id="empty-vs-filled-states">
  ## Estados vacío vs. con artículos
</div>

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.

<div id="sample-data-scenarios">
  ## Escenarios de datos de muestra
</div>

El panel de configuración del [bloque Cart items](/es/aftersell/cart/cart-items-block) 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:

| Escenario             | Qué muestra                                                                                   |
| --------------------- | --------------------------------------------------------------------------------------------- |
| **Standard product**  | Un solo producto con un descuento aplicado.                                                   |
| **Long product name** | Un producto con un título muy largo, para verificar el ajuste de texto y el desbordamiento.   |
| **Bundle**            | Una línea ancla de bundle con sus artículos hijos.                                            |
| **Subscription**      | Una línea de suscripción con su etiqueta de plan de venta.                                    |
| **All item types**    | El nombre de producto largo, las líneas de suscripción y de bundle juntas en un solo carrito. |

Tu elección afecta solo la vista previa del editor. Nunca se guarda en el carrito, y se restablece cuando recargas el editor.