Abre Candy Rack > Carro deslizante en el admin de Shopify. El menú de la izquierda está dividido en cuatro grupos: General, Esenciales, Ofertas y Características. La vista previa a 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
El aspecto general de tu carrito deslizante.
Ancho del carrito para ordenadores.
Color de fondo, color del texto y color del mensaje de error.
Radio de los bordes.
Pie de página: color de fondo y línea divisoria opcional.
CSS personalizado: para todo lo que vaya más allá de los ajustes por defecto, como fuentes personalizadas. Consulta Personalización CSS del carrito deslizante
Diseño
Arrastra y suelta los bloques para cambiar su orden en el cuerpo y el pie de página del carrito deslizante.
Cuerpo: Barra de anuncios, Barra de recompensas, artículos del carrito y Custom block. Artículos del carrito, ofertas de artículos de línea y ofertas en bloque forman un solo grupo y siempre se mueven juntos.
Pie de página: Descuentos, total, Texto personalizado, Términos y condiciones, botones de pago y bloques personalizados.
Cada bloque muestra si está activado o desactivado.
Carrito vacío
Lo que ven los clientes cuando el carrito está vacío.
Título y tamaño de fuente
Acción del botón: permanecer en la página o ir a un enlace personalizado
Etiqueta del botón
Consejo: enlaza el botón a tu colección de productos más vendidos para que los clientes sigan comprando.
Esenciales
Barra superior
La cabecera del carrito.
Título: usa
{{item_quantity}}para mostrar el número de artículos en el carrito, p. ej. Carrito (2).Tamaño de la fuente.
Barra superior fija: Mantiene la barra visible si el cliente se desplaza hacia abajo en el carrito.
Artículos del carrito
Cómo se muestran los productos en el carrito.
Relación de imagen.
Tamaño de la fuente del nombre del producto.
Tamaño de la fuente de las variantes y los precios.
Descuentos
Permite que los clientes apliquen un código de descuento directamente en el carrito. Los códigos válidos actualizan el total al instante.
Campo de descuento plegable: Mantiene el campo oculto bajo un pequeño título “Descuento+” hasta que se hace clic.
Título, texto provisional y etiqueta del botón.
Mensaje de error: se muestra cuando un código no puede aplicarse.
Tamaños de fuente y colores del botón.
Total
Título total (Ej. Total estimado) y tamaño de fuente.
Mostrar subtotal y descuentos: añade un desglose encima del total, con su propio título y tamaño de fuente.
Mostrar descuento del pedido en la vista previa: muestra cómo se verán los descuentos directamente en la vista previa del admin.
Botones de pago
Botón primario
Acción del botón: Ir al proceso de pago (checkout) o a la página del carrito.
Etiqueta del botón: 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.
Botón secundario
Un segundo botón opcional debajo del principal, Ej. “Continuar comprando”.
Estilo del Botón: Botón o enlace
Acción del botón: Permanecer en la página (cierra el carrito), Ir al carrito o Enlace personalizado.
Etiqueta del botón.
Colores de fondo y texto (normal y al pasar el ratón).
Mostrar border: Ancho del borde y colores del borde (normal y al pasar el ratón).
Ofertas
Bloque de ofertas del carrito
Una sección de ofertas específica en el carrito, por ejemplo: "Consigue extras para tu producto".
Diseño: de lista, de cuadrícula o de carrusel.
Título y subtítulo opcionales.
Estilo de oferta: estándar o tarjeta.
Ancho de imagen, tamaños de fuente y estilo del botón.
Artículos de línea
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 elimina del carrito.
Diseño: casilla de verificación o botón.
Color de fondo, mostrar imagen y ancho de imagen.
Tamaños de fuente para la insignia, el nombre del producto, el precio y la descripción.
Mostrar ofertas de artículos de línea en la vista previa
Usa el botón de Crear ofertas en la parte superior derecha para crear ofertas con esa ubicación. Más información en Habilita el carrito deslizante con ventas adicionales (video)
Características
Barra de anuncios
Un mensaje breve en la parte superior del carrito, para promociones o mensajes de confianza.
Texto (negrita, cursiva, enlaces).
Tamaño de la fuente, color de fondo y color del texto.
Barra de anuncios fija.
Barra de recompensas
Una barra de progreso que muestra cuánto más deben gastar los clientes para desbloquear una recompensa, como el envío gratuito. Los umbrales pueden variar según el mercado de Shopify. Consulta el artículo sobre la barra de recompensas para obtener información completa sobre la configuración.
Texto personalizado
Una breve línea encima del botón de pago, por ejemplo: "Impuestos y gastos de envío calculados al finalizar la compra".
Texto (hasta 100 caracteres) y tamaño de la fuente
Términos y condiciones
Casilla de verificación que pide aceptar de los términos y condiciones antes del proceso de pago.
Texto: tu mensaje de consentimiento, con un enlace a tus términos y condiciones.
Consentimiento requerido: si está activado, los clientes deben marcar una casilla encima del botón Checkout antes de continuar, y puedes definir un mensaje de error para cuando no lo hagan. Si está desactivado, el texto se muestra como un simple aviso sin casilla.
Tamaño de la fuente.
Bloques personalizados para cuerpo y pie de página del carrito deslizante
Añade tus propios widgets en HTML y CSS, como logotipos de pago, cuentas regresivas o un campo para notas del pedido. El bloque del cuerpo puede ser fijo. Consulta Añade un bloque personalizado a tu carrito deslizante para ver ejemplos que puedes copiar y pegar.
¿Necesitas ayuda?
Escríbenos por el chat de la app o a [email protected].