Skip to main content

​
Descripción general

Si quieres cambiar el tamaño de fuente de elementos de texto específicos en tu carrito (como los títulos de upsell o las opciones de variantes), puedes hacerlo usando el editor de Custom CSS integrado de Upcart.

​
Paso 1: Inspecciona el elemento

  1. Abre tu tienda en línea y despliega el cajón de Upcart.
  2. Haz clic derecho en el elemento cuyo tamaño de fuente quieres cambiar.
  3. Elige Inspect en el menú contextual de tu navegador para abrir las Herramientas de desarrollador.
  4. Localiza el nombre de clase del elemento en el panel HTML.
    Ejemplo: upcart-item-option

​
Paso 2: Accede al editor de CSS personalizado

  1. Ve a Shopify Admin > Apps > Upcart
  2. Abre el Cart Editor
  3. Haz clic en Settings
  4. Busca la sección Custom CSS

​
Paso 3: Escribe tu CSS personalizado

En el campo de entrada de CSS:
  1. Empieza con un punto (.) seguido del nombre de clase
  2. Agrega { font-size: 14px !important; } (o el tamaño que desees)
Ejemplo:
💡 Nota: .upcart-item-option es una clase de V1. En V2, el texto de variante de línea de producto equivalente es .upcart-public-component-product-tile__variant. Consulta la biblioteca de selectores CSS de V2 para ver el conjunto completo. Usa !important solo si el estilo no se está aplicando después del cambio.

​
Paso 4: Guarda y prueba

  1. Haz clic en Save en el Cart Editor
  2. Actualiza la página de tu tienda
  3. Abre el cajón del carrito y confirma que el tamaño de fuente se ha actualizado
Si el texto no ha cambiado, verifica de nuevo el nombre de clase o usa la herramienta Inspect del navegador otra vez para confirmar que estás apuntando al elemento correcto.