> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

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

> Oculte partes da seção de resumo de descontos para um design de carrinho mais limpo.

<div id="overview">
  # Visão geral
</div>

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".

***

<div id="where-to-find-the-custom-css-editor">
  ## Onde encontrar o editor de CSS personalizado
</div>

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

***

<div id="css-examples">
  ## Exemplos de CSS
</div>

**Ocultar toda a linha de economia na V1.0**

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

<div id="hide-the-entire-savings-row-in-v20">
  #### **Ocultar toda a linha de economia na V2.0**
</div>

```
.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;     
}
```

<div id="hide-only-the-discount-amount-in-v20">
  #### **Ocultar apenas o valor do desconto na V2.0**
</div>

```
.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;     
}
```

<Warning>
  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.
</Warning>

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.

<div id="hide-the-word-discount-in-v20">
  #### **Ocultar a palavra "Discount" na V2.0**
</div>

```
.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.

<div id="important-note">
  ## Nota importante
</div>

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.

<div id="need-help">
  ## Precisa de ajuda?
</div>

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](https://www.shopify.com/partners/directory)