Visão geral

A linha de economia do Upcart exibe informações sobre descontos aplicados, códigos e economias. Se você prefere um layout mais minimalista, pode ocultar elementos de forma seletiva usando CSS personalizado. Você pode remover a linha inteira ou apenas partes específicas, como o valor do desconto, os selos de código ou a palavra “Discount”.

Onde encontrar o editor de CSS personalizado

Vá para Upcart > Cart Editor > Settings > Custom CSS
Cole os trechos de código abaixo na área de entrada
Clique em Save
Atualize sua loja para ver as mudanças ao vivo

Exemplos de CSS

Ocultar toda a linha de economia na V1.0

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

Ocultar toda a linha de economia na V2.0

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

Remove todo o conteúdo relacionado a descontos do cart drawer.

Ocultar apenas o valor do desconto na V1.0

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

Ocultar apenas o valor do desconto na V2.0

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

Mantém o rótulo ou o código do desconto visível, mas oculta o valor economizado.

Ocultar os selos de código de desconto na V1.0

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

Ocultar os selos de código de desconto na V2.0

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

Oculta o selo visual que exibe o código de desconto ativo.

Ocultar o rótulo de economia na V1.0 O rótulo da V1 não tem uma classe própria, então limite a regra à linha de economia:

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

Não selecione .UpcartDesignSettings__cartTextColor sozinho. Ela é a classe utilitária global de cor de texto do carrinho, aplicada ao cabeçalho, aos anúncios, à barra de recompensas, aos títulos de produtos, ao título das recomendações e mais — ocultá-la apaga a maior parte do carrinho.

O texto do rótulo em si é a sua tradução de Total discount savings text, que por padrão é “Discounts” — você pode alterar o texto lá em vez de ocultá-lo.

Ocultar a palavra “Discount” na V2.0

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

Oculta o texto estático que usa a palavra “Discount”. Talvez você queira ajustar esse seletor manualmente para uma seleção mais precisa.

Nota importante

Ocultar elementos, especialmente o valor do desconto, pode reduzir a visibilidade de promoções e economias. Considere a experiência do cliente antes de aplicar essas mudanças.

Precisa de ajuda?

Para estilizações ou mudanças de layout avançadas, recomendamos trabalhar com um Shopify Expert. A equipe de suporte do Upcart não ajuda com implementação de código personalizado. Ver Shopify Experts

Referência de recursos do carrinho

Referência de CSS

Receitas de estilo

Receitas de funcionalidade

Modelos personalizados

API pública do Upcart

Ocultar a linha de desconto ou elementos específicos de economia

Visão geral

Onde encontrar o editor de CSS personalizado

Exemplos de CSS

Ocultar toda a linha de economia na V2.0

Ocultar apenas o valor do desconto na V2.0

Ocultar a palavra “Discount” na V2.0

Nota importante

Precisa de ajuda?

​Visão geral

​Onde encontrar o editor de CSS personalizado

​Exemplos de CSS

​Ocultar toda a linha de economia na V2.0

​Ocultar apenas o valor do desconto na V2.0

​Ocultar a palavra “Discount” na V2.0

​Nota importante

​Precisa de ajuda?

Visão geral

Onde encontrar o editor de CSS personalizado

Exemplos de CSS

Ocultar toda a linha de economia na V2.0

Ocultar apenas o valor do desconto na V2.0

Ocultar a palavra “Discount” na V2.0

Nota importante

Precisa de ajuda?