Skip to main content

Descripción general

El botón del carrito fijo de Upcart se puede redimensionar y reposicionar con CSS personalizado. Esto te permite adaptarlo mejor a la marca de tu tienda o a tus preferencias de experiencia de usuario en dispositivos de escritorio y móviles. Hay dos enfoques disponibles según cuánto control quieras tener.

Opción 1: Redimensionado escalado (configuración simple)

Este método usa un solo factor de escala para reducir o ampliar el botón y el ícono de forma proporcional. Es la forma más fácil de ajustar el tamaño del botón con un código mínimo.

Dónde añadir esto

Ve a Upcart > Sticky Cart > Custom CSS y pega el código de abajo.

Cómo personalizarlo

  • Cambia transform para redimensionar el botón (p. ej., 0.8, 0.6, 1.25, etc.)

Opción 2: Redimensionado por píxeles (control avanzado)

Este método te permite controlar las dimensiones de cada elemento individualmente usando valores en px. Úsalo cuando quieras ajustes precisos que no dependan de la escala.

Cómo personalizarlo

  • Ajusta las variables en :root para aumentar o reducir el tamaño de cada elemento
  • Modifica los valores de left y top dentro de los selectores para centrar visualmente el ícono y la insignia

¿Necesitas ayuda?

Si no estás seguro de qué método es el adecuado para ti o necesitas ayuda para escribir CSS personalizado, te recomendamos contactar a un Shopify Expert. El soporte de Upcart no ayuda directamente con la implementación de CSS. Ver Shopify Experts