---
title: "Opciones: Carro de compras (configuración)"
---

En **Opciones > Carro de compras (Beta)** configuras cómo se comporta y cómo se ve la experiencia de agregar productos al carro y de navegar el carro antes de pasar al checkout. Desde esta sección puedes ajustar las distintas configuraciones de los productos y del carro, y ver de inmediato cómo se reflejan para tu cliente.

## Vista previa

A la derecha de la pantalla hay una vista previa en vivo. Puedes elegir qué tipo de elemento ver (**Product**, **Bundle** o **Gift Card**), seleccionar el producto de ejemplo en **Show product** y revisar tanto la vista de detalle de un producto (*Single/Detail view*) como la vista de listado (*List view*). Cada cambio que haces se refleja en la vista previa, para que puedas validar el resultado antes de guardar.

## Secciones de configuración

La configuración se organiza en tres pestañas: **Add To Cart** (agregar al carro), **Button Style** (estilo del botón) y **Cart Behavior** (comportamiento del carro).

### 1. Add To Cart (agregar al carro)

Define qué ocurre cuando el cliente agrega un producto y qué información y controles ve al hacerlo.

| Configuración | Qué hace |
|---|---|
| After adding to cart, show | Define qué se muestra después de que el cliente agrega un producto al carro. |
| Allow adding in lists | Define si se puede agregar productos al carro directamente desde los listados, y si se muestra un botón para ello. |
| Max quantity per product | Cantidad máxima de unidades de un mismo producto que el cliente puede agregar. |
| Show units selector/popover | Muestra un selector de unidades. |
| Allow editing quantity on input | Permite que el cliente escriba la cantidad directamente en el campo. |
| Hide unavailable variants | Oculta las variantes que no están disponibles. |
| Show unavailable variants last | Muestra las variantes no disponibles al final de la lista de variantes. |
| Show SKUs | Muestra el SKU del producto. |
| Show available units | Muestra cuántas unidades hay disponibles. |
| Show dynamic UI for single product options | Interfaz dinámica para productos con una sola opción. Aparece marcada como "soon" (próximamente). |
| Offer matching bundles that contain product | Ofrece al cliente los packs que contienen el producto que está viendo. |
| Show images in product/bundle options form | Muestra imágenes en el formulario de opciones del producto o pack. |
| Quote flow mode | Define cómo se presenta el flujo de cotización (por ejemplo, en un modal). |

### 2. Button Style (estilo del botón)

Personaliza la apariencia y los textos del botón de agregar al carro, de modo que coincida con la imagen de tu tienda.

| Configuración | Qué hace |
|---|---|
| Button type | Versión del botón de agregar al carro que usa tu tienda. |
| Show quantity buttons | Muestra los botones para aumentar y disminuir la cantidad. |
| Button text | Texto del botón (por ejemplo, "Agregar al carro"). |
| 'Sold out' button text | Texto cuando el producto está agotado (por ejemplo, "Agotado"). |
| 'Unavailable' button text | Texto cuando el producto no está disponible (por ejemplo, "No disponible"). |
| Button bg color | Color de fondo del botón. |
| Button text color | Color del texto del botón. |
| Button icon | Ícono que acompaña al botón, o ninguno. |
| Button border radius | Redondeo de las esquinas del botón. |
| Selected option/variant color | Color con que se resalta la opción o variante seleccionada. |
| Volume discounts color | Color con que se muestran los descuentos por volumen. |
| Show volume discount names | Muestra el nombre de los descuentos por volumen. |
| Hide vol discount msg in form | Controla si el mensaje de descuento por volumen se oculta en el formulario. |
| Own styles for list button | Permite usar estilos propios para el botón de los listados. |

### 3. Cart Behavior (comportamiento del carro)

Define cómo se presenta el carro y qué opciones tiene el cliente antes de pasar al checkout.

| Configuración | Qué hace |
|---|---|
| Cart table items version | Versión de la tabla de productos del carro. |
| Cart modal type | Tipo de ventana con que se muestra el carro (por ejemplo, panel lateral o slide out). |
| Hide quantity buttons in cart | Oculta los botones de cantidad dentro del carro. |
| Show full cart view before checkout | Define si el cliente ve la vista completa del carro antes de ir al checkout, o si puede elegir entre ir al carro o directamente al checkout. |
| Show promos in cart | Muestra promociones dentro del carro. Aparece marcada como "soon" (próximamente). |
| Suggest bundles for matching items | Sugiere packs relacionados con los productos que el cliente tiene en el carro. |
| Show suggestions before checkout | Muestra sugerencias antes de pasar al checkout. Aparece marcada como "soon" (próximamente). |
| Require accepting terms & conditions before checkout | Exige que el cliente acepte los términos y condiciones antes de avanzar al checkout. |



## Consideraciones
Esta sección está en versión beta y varias de sus opciones se muestran, por ahora, en inglés. Las funciones marcadas como "soon" aún no están disponibles. Usa la vista previa para validar cada cambio antes de guardarlo.

## Preguntas frecuentes
¿Cómo cambio el texto del botón de agregar al carro?
*En la pestaña Button Style, campo Button text.*
 
¿Cómo hago que el carro se abra como panel lateral? 
*En la pestaña Cart Behavior, campo Cart modal type.*

¿Cómo evito que mis clientes compren cantidades muy altas? 
*En la pestaña Add To Cart, usa Max quantity per product.*

¿Cómo exijo la aceptación de términos y condiciones? 
*En la pestaña Cart Behavior, activa la opción de aceptar términos antes del checkout.*