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

# Diseño del carrito

El acceso al carrito es lo que el comprador toca una y otra vez: el ícono del encabezado y, en celular, el botón flotante. Elegí un estilo que se lea claro sobre tu marca.

## Dónde configurarlo

Desde el menú lateral, entrá a **Diseño → Carrito**.

<Frame>
  <img src="https://mintcdn.com/mercantis/4Uy3hrDnn9kZhYiC/images/2026-07-07-envio-gratis.webp?fit=max&auto=format&n=4Uy3hrDnn9kZhYiC&q=85&s=e5c84f160e0e4e478a17cb15a948817d" alt="Carrito de la tienda con barra de progreso hacia envío gratis" width="1024" height="768" data-path="images/2026-07-07-envio-gratis.webp" />
</Frame>

El flujo de compra (pasos, pago, entrega) se explica en [Experiencia de checkout](/documentacion/tienda/checkout-del-comprador).

## Qué podés configurar

| Opción                       | Detalle                               |
| ---------------------------- | ------------------------------------- |
| **Ícono del encabezado**     | Estilos de canasta / bolsa / carrito  |
| **Botón flotante (celular)** | Tono **Oscuro**, **Claro** o **Tema** |

<Frame>
  <img src="https://mintcdn.com/mercantis/4Uy3hrDnn9kZhYiC/images/docs/diseno-carrito.webp?fit=max&auto=format&n=4Uy3hrDnn9kZhYiC&q=85&s=3ecc703f011ca0a31eef8726683ca21c" alt="Editor de diseño: ícono del carrito y botón flotante en celular con preview del carrito" width="1024" height="768" data-path="images/docs/diseno-carrito.webp" />
</Frame>

## Cómo configurarlo

<Steps>
  <Step title="Abrí Carrito">
    Entrá a **Diseño → Carrito**.
  </Step>

  <Step title="Elegí el ícono">
    Definí el ícono del encabezado.
  </Step>

  <Step title="Ajustá el flotante">
    En vista **Celular**, elegí el tono del botón flotante.
  </Step>

  <Step title="Guardá">
    **Guardá cambios**.
  </Step>
</Steps>

## Relacionado

* [Experiencia de checkout](/documentacion/tienda/checkout-del-comprador)
* [Editor de diseño](/documentacion/tienda/editor-de-diseno)
