Skip to main content
El diseño del Aftersell Cart funciona en dos niveles: configuraciones globales que dan estilo a todo el carrito, y anulaciones por bloque que ajustan un bloque individual.

​
Configuraciones de diseño globales

Abre Cart settings desde la barra lateral del editor para llegar al diseño global del carrito. Las configuraciones se agrupan en Design, Buttons y Layout.

​
Design

​
Buttons

​
Layout

​
Anulaciones de diseño por bloque

Cada bloque, excepto Custom code, tiene sus propias anulaciones de diseño por bloque en la parte inferior de su panel de configuración. Llevan el encabezado Design en todos los bloques salvo en Express payments, cuyas anulaciones están en secciones de Style y Spacing sin etiqueta. (Custom code no tiene panel de configuración: el bloque es el código, así que solo muestra una pestaña Code.) Controlan cosas como el estilo, el espaciado y otras configuraciones de diseño específicas del bloque. Estas configuraciones de diseño por bloque, cuando están en blanco, recurren a la configuración global de esa propiedad. Muchos bloques también incluyen una sección Text dentro de su panel de Design, donde puedes establecer la tipografía de elementos de texto específicos de ese bloque — familia tipográfica, tamaño, altura de línea y espaciado entre caracteres. Los bloques con múltiples elementos de texto (como Notes y Empty cart) muestran un selector Text element para que puedas dar estilo a cada uno de forma independiente.
Vista previa animada del panel de configuraciones de Design por bloque en el editor del carrito

​
Fuentes y posición del drawer

  • Fuentes: el carrito hereda la fuente de tu tema de forma predeterminada. Puedes establecer una familia de fuentes personalizada para determinados elementos de texto (como el título del producto y el encabezado de upsells) desde la sección Text en la configuración de Design de cada bloque — consulta Bloque Cart items y Bloque Upsells para más detalles.
  • Posición del drawer: el ancho del drawer es ajustable (Desktop width, arriba); no hay configuración de posición izquierda/derecha.

​
Configuraciones de comportamiento

Más allá de los estilos, Cart settings también contiene opciones de comportamiento — abrir el drawer al agregar al carrito, y los selectores de tema que mantienen tu tienda sincronizada. Consulta Cart settings.

​
Cuándo usar CSS personalizado en su lugar

Las configuraciones integradas cubren los casos comunes. Para cualquier cosa más allá de ellas — apuntar a un elemento específico, espaciado personalizado, ajustes responsivos — usa Custom CSS.