Skip to main content

Resumen

Upcart te permite cambiar los colores usados en los selectores de variantes de upsell mediante CSS personalizado simple. Esta es una forma rápida de alinear la apariencia de tu carrito con tu marca y mejorar la experiencia del cliente durante la selección de productos. Esta personalización es ideal para propietarios de tiendas o desarrolladores con conocimientos básicos de CSS.

Dónde encontrar el editor de CSS personalizado

  1. Ve a Upcart > Cart Editor > Settings > Custom CSS
  2. Desplázate hacia abajo hasta el área de entrada y pega tu código CSS
  3. Haz clic en Save
  4. Actualiza tu tienda para previsualizar los cambios en vivo

CSS de ejemplo para el estilo del selector de variantes en V1.0

CSS de ejemplo para el estilo del selector de variantes en V2.0


Cómo personalizar

  • color: establece el color del texto
  • background-color: establece el fondo de la caja del selector de variantes
Puedes usar diferentes tipos de valores, como:
  • Colores con nombre (ejemplo: black, white, red)
  • Códigos hexadecimales (ejemplo: #000000)
  • Valores RGB (ejemplo: rgb(255, 0, 0))
Ejemplo:
Esto te permite crear un estilo de selector de variantes que se integre con el diseño de tu tienda o que destaque para captar la atención.

¿Todavía necesitas ayuda?

Para personalizaciones adicionales, te recomendamos trabajar con un Shopify Expert. Ellos pueden ayudarte a añadir HTML, CSS o JavaScript a tu carrito deslizante. Ver Shopify Experts