Abre Candy Rack > Slide cart en el admin de Shopify. El menú de la izquierda está dividido en cuatro grupos: General, Essentials, Offers y Features. La vista previa en vivo de la derecha se actualiza con cada cambio.
Un punto verde junto a un elemento del menú indica que está activado (o, en las ofertas, que hay al menos una oferta activa). Un punto gris indica que está desactivado.
General
Diseño (Design)
El aspecto general de tu slide cart.
Desktop cart width
Background color, Text color y Error message color
Corner radius
Footer: color de fondo y línea divisoria opcional.
Custom CSS: para todo lo que vaya más allá de los ajustes integrados, como fuentes personalizadas. Consulta Slide cart CSS customization.
Disposición (Layout)
Arrastra y suelta los bloques para cambiar su orden en el Body y el Footer.
Body: Announcement bar, Reward bar, Cart items y Custom block. Cart items, Line item offers y Cart block offers forman un solo grupo y siempre se mueven juntos.
Footer: Total, Custom text, Discounts, Custom block, Terms and conditions y Checkout buttons.
Cada bloque muestra si está On u Off.
Carrito vacío (Empty cart)
Lo que ven los clientes cuando el carrito está vacío.
Title y tamaño de fuente
Button action: Stay on page (cierra el carrito) o Custom link.
Button label
Consejo: enlaza el botón a tu colección de productos más vendidos para que los clientes sigan comprando.
Esenciales (Essentials)
Barra superior (Top bar)
La cabecera del carrito.
Title: usa
{{item_quantity}}para mostrar el número de artículos, p. ej. Cart (2).Font size
Sticky top bar: la cabecera sigue visible al desplazarse.
Artículos del carrito (Cart items)
Cómo se muestran los productos en el carrito.
Image ratio e Image width
Product name font size
Variant and price font size
Descuentos (Discounts)
Permite que los clientes apliquen un código de descuento directamente en el carrito. Los códigos válidos actualizan el total al instante.
Collapsible discount field: el campo queda oculto bajo un pequeño título “Discount +” hasta que se hace clic.
Title, Input placeholder y Button label
Error message: se muestra cuando un código no se puede aplicar.
Tamaños de fuente y colores del botón.
Total
Total title (p. ej. Estimated total) y tamaño de fuente.
Show subtotal and discounts: añade un desglose encima del total, con su propio título y tamaño de fuente.
Show order discount in preview: muestra cómo se verán los descuentos directamente en la vista previa del admin.
Botones de pago (Checkout buttons)
Primary button
Button action: Go to checkout o Go to cart page.
Button label: usa
{{subtotal}}para mostrar el valor del carrito en el botón.Tamaño de fuente, colores de fondo y texto (normal y al pasar el ratón) y borde opcional.
Secondary button
Un segundo botón opcional debajo del principal, p. ej. “Continue shopping”.
Style
Button action: Stay on page (cierra el carrito), Go to cart page o Custom link.
Button label
Colores de fondo y texto (normal y al pasar el ratón).
Show border: con grosor y colores del borde (normal y al pasar el ratón).
Ofertas (Offers)
Bloque de ofertas del carrito (Cart block)
Una sección d
e ofertas dedicada dentro del carrito, p. ej. “Get extras for your product”.
Layout: List (una debajo de otra) o Carousel (fila deslizable).
Title y subtitle opcional
Offer card style: Standard o Card.
Ancho de imagen, tamaños de fuente y estilo del botón.
Ofertas por artículo (Line item)
Ofertas que se muestran justo debajo del artículo del carrito con el que están relacionadas. Se eliminan automáticamente si el producto relacionado se quita del carrito.
Layout: Checkbox (el cliente marca la oferta para añadirla) o Button.
Background color, Show image y ancho de imagen.
Tamaños de fuente para la insignia, el nombre del producto, y el precio y la descripción.
Show line item offers in preview
Usa Manage offers en cualquiera de las dos secciones para ir a las ofertas con esa ubicación. Más información en Enable slide cart with upsells.
Funciones (Features)
Barra de anuncios (Announcement bar)
Un mensaje breve en la parte superior del carrito, para promociones o mensajes de confianza.
Text (negrita, cursiva, enlaces)
Font size, Background color y Text color
Sticky announcement bar
Barra de recompensas (Reward bar)
Una barra de progreso que muestra a los clientes cuánto les falta gastar para desbloquear una recompensa, como el envío gratis. Los umbrales pueden variar según el mercado de Shopify. Consulta el artículo Rewards bar para ver la configuración completa.
Texto personalizado (Custom text)
Una línea breve encima del botón de pago, p. ej. “Impuestos y envío calculados en el checkout”.
Text (hasta 100 caracteres) y Font size
Términos y condiciones (Terms and conditions)
Pide el consentimiento antes del checkout.
Text: tu mensaje de consentimiento, con un enlace a tus términos y condiciones.
Required consent: si está activado, los clientes deben marcar una casilla encima del botón Checkout antes de continuar, y puedes definir un Error message para cuando no lo hagan. Si está desactivado, el texto se muestra como un simple aviso sin casilla.
Font size
Bloque personalizado (Custom block – body / footer)
Añade tus propios widgets en HTML y CSS, como logotipos de pago, cuentas atrás o un campo para notas del pedido. El bloque del cuerpo puede ser sticky. Consulta Add a custom block in your slide cart para ver ejemplos que puedes copiar y pegar.
¿Necesitas ayuda?
Escríbenos por el chat de la app o a [email protected].