Resumen

La fila de ahorros de Upcart muestra información sobre descuentos aplicados, códigos y ahorros. Si prefieres un diseño más minimalista, puedes ocultar elementos de forma selectiva usando CSS personalizado. Puedes eliminar toda la fila o solo partes específicas como el monto del descuento, las insignias de código o la palabra “Discount”.

Dónde encontrar el editor de CSS personalizado

Ve a Upcart > Cart Editor > Settings > Custom CSS
Pega los fragmentos de código de abajo en el área de entrada
Haz clic en Save
Actualiza tu tienda para ver los cambios en vivo

Ejemplos de CSS

Ocultar toda la fila de ahorros en V1.0

.upcart-savings-row {  
  display: none;  
}

Ocultar toda la fila de ahorros en V2.0

.upcart-public-cart-summary {  
  display: none;  
}

Elimina todo el contenido relacionado con descuentos del cajón del carrito.

Ocultar solo el monto del descuento en V1.0

.upcart-savings-amount {       
  display: none;     
}

Ocultar solo el monto del descuento en V2.0

.upcart-public-cart-summary__total-discount {       
  display: none;     
}

Mantiene visible la etiqueta o el código de descuento, pero oculta el monto ahorrado.

Ocultar insignias de código de descuento en V1.0

.upcart-discount-code-badge {       
  display: none;     
}

Ocultar insignias de código de descuento en V2.0

.upcart-public-cart-summary__slide-codes {       
  display: none;     
}

Oculta la insignia visual que muestra el código de descuento activo.

Ocultar la etiqueta de ahorros en V1.0 La etiqueta de V1 no tiene una clase propia, así que limita la regla a la fila de ahorros:

.upcart-savings-row .styles_Footer__savingsCodes__ > span {       
  display: none;     
}

No apuntes a .UpcartDesignSettings__cartTextColor por sí sola. Es la clase de utilidad global del color de texto del carrito, aplicada al encabezado, los anuncios, la barra de recompensas, los títulos de producto, el título de recomendaciones y más — ocultarla deja en blanco la mayor parte del carrito.

El texto de la etiqueta en sí es tu traducción de Total discount savings text, que por defecto es “Discounts” — puedes cambiar el texto ahí en lugar de ocultarlo.

Ocultar la palabra “Discount” en V2.0

.upcart-public-cart-summary__discount-label {       
  display: none;     
}

Oculta el texto estático que usa la palabra “Discount”. Es posible que quieras ajustar este selector manualmente para una selección más precisa.

Nota importante

Ocultar elementos, especialmente el monto del descuento, puede reducir la visibilidad de las promociones y los ahorros. Considera la experiencia del cliente antes de aplicar estos cambios.

¿Necesitas ayuda?

Para cambios avanzados de estilo o diseño, te recomendamos trabajar con un Shopify Expert. El equipo de soporte de Upcart no ayuda con la implementación de código personalizado. Ver Shopify Experts

Referencia de funciones del carrito

Referencia de CSS

Recetas de estilo

Recetas de funcionalidad

Plantillas personalizadas

API pública de Upcart

Ocultar la fila de descuentos o elementos específicos de ahorros

Resumen

Dónde encontrar el editor de CSS personalizado

Ejemplos de CSS

Ocultar toda la fila de ahorros en V2.0

Ocultar solo el monto del descuento en V2.0

Ocultar la palabra “Discount” en V2.0

Nota importante

¿Necesitas ayuda?

​Resumen

​Dónde encontrar el editor de CSS personalizado

​Ejemplos de CSS

​Ocultar toda la fila de ahorros en V2.0

​Ocultar solo el monto del descuento en V2.0

​Ocultar la palabra “Discount” en V2.0

​Nota importante

​¿Necesitas ayuda?

Resumen

Dónde encontrar el editor de CSS personalizado

Ejemplos de CSS

Ocultar toda la fila de ahorros en V2.0

Ocultar solo el monto del descuento en V2.0

Ocultar la palabra “Discount” en V2.0

Nota importante

¿Necesitas ayuda?