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

# Die Rabattzeile oder bestimmte Ersparniselemente ausblenden

> Blende Teile des Rabatt-Zusammenfassungsbereichs für ein aufgeräumteres Warenkorbdesign aus.

<div id="overview">
  # Übersicht
</div>

Die Ersparniszeile von Upcart zeigt Informationen zu angewendeten Rabatten, Codes und Ersparnissen an. Wenn du ein minimalistischeres Layout bevorzugst, kannst du Elemente mit benutzerdefiniertem CSS gezielt ausblenden.

Du kannst die gesamte Zeile entfernen oder nur bestimmte Teile wie den Rabattbetrag, die Code-Badges oder das Wort „Discount“.

***

<div id="where-to-find-the-custom-css-editor">
  ## Wo du den Custom-CSS-Editor findest
</div>

1. Gehe zu **Upcart > Cart Editor > Settings > Custom CSS**
2. Füge die folgenden Code-Snippets in das Eingabefeld ein
3. Klicke auf **Save**
4. Aktualisiere dein Storefront, um die Änderungen live zu sehen

***

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

**Die gesamte Ersparniszeile in V1.0 ausblenden**

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

<div id="hide-the-entire-savings-row-in-v20">
  #### **Die gesamte Ersparniszeile in V2.0 ausblenden**
</div>

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

Entfernt alle rabattbezogenen Inhalte aus dem Cart Drawer.

***

**Nur den Rabattbetrag in V1.0 ausblenden**

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

<div id="hide-only-the-discount-amount-in-v20">
  #### **Nur den Rabattbetrag in V2.0 ausblenden**
</div>

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

Lässt das Rabattlabel oder den Code sichtbar, blendet aber den eingesparten Betrag aus.

***

**Rabattcode-Badges in V1.0 ausblenden**

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

**Rabattcode-Badges in V2.0 ausblenden**

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

Blendet das visuelle Badge aus, das den aktiven Rabattcode anzeigt.

***

**Das Ersparnislabel in V1.0 ausblenden**

Das V1-Label hat keine eigene Klasse, daher beschränke die Regel auf die Ersparniszeile:

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

<Warning>
  Sprich `.UpcartDesignSettings__cartTextColor` nicht für sich allein an. Es ist die globale Utility-Klasse für die Warenkorb-Textfarbe, die auf den Header, Ankündigungen, die Rewards-Leiste, Produkttitel, den Empfehlungstitel und mehr angewendet wird — sie auszublenden, löscht den Großteil des Warenkorbs.
</Warning>

Der Labeltext selbst ist deine Übersetzung von **Total discount savings text**, die standardmäßig „Discounts“ lautet — du kannst dort die Formulierung ändern, statt sie auszublenden.

<div id="hide-the-word-discount-in-v20">
  #### **Das Wort „Discount“ in V2.0 ausblenden**
</div>

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

Blendet statischen Text aus, der das Wort „Discount“ verwendet. Für eine präzisere Zielauswahl kannst du diesen Selektor manuell anpassen.

<div id="important-note">
  ## Wichtiger Hinweis
</div>

Das Ausblenden von Elementen, insbesondere des Rabattbetrags, kann die Sichtbarkeit von Aktionen und Ersparnissen verringern. Berücksichtige das Kundenerlebnis, bevor du diese Änderungen anwendest.

<div id="need-help">
  ## Brauchst du Hilfe?
</div>

Für fortgeschrittene Styling- oder Layoutänderungen empfehlen wir die Zusammenarbeit mit einem **Shopify-Experten**. Das Support-Team von Upcart unterstützt nicht bei der Implementierung von benutzerdefiniertem Code.

[Shopify-Experten ansehen](https://www.shopify.com/partners/directory)