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

# Eine Zwischensummen-Zeile zu Upcart hinzufügen

> Für alle, die zusätzlich eine Zwischensummen-Zeile über dem Checkout-Button anzeigen möchten

<div id="introduction">
  ## Einführung
</div>

Falls die Zwischensummen-Einstellung *(unten abgebildet)* bei dir nicht funktioniert, erklärt dieses Dokument, wie du manuell eine Zwischensummen-Zeile einfügst.

<div id="enabling-subtotal-line">
  ## Die Zwischensummen-Zeile aktivieren
</div>

Du kannst die Zwischensummen-Zeile ganz einfach in den Design-Einstellungen des Warenkorbs aktivieren.

Hier findest du die Einstellung:

**Cart Editor > Design > General > Enable subtotal line**

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/subtotal-line-cart-editor-design-settings.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=a1c15c581fe49f32c8144e25c23f5d5b" alt="Cart-Editor-Design-Einstellungen mit hervorgehobenem Kontrollkästchen Enable Subtotal Line" width="505" height="380" data-path="images/upcart/subtotal-line-cart-editor-design-settings.png" />

<div id="inserting-subtotal-via-code">
  # Die Zwischensumme per Code einfügen
</div>

<div id="accessing-custom-css-and-html-settings">
  ## Auf die Custom-CSS- und HTML-Einstellungen zugreifen
</div>

Um mit der Anpassung des CSS für deinen Upcart zu beginnen, führe die folgenden Schritte aus:

1. Öffne die Upcart-App in deinem Dashboard.
2. Navigiere zum Cart Editor.
3. Öffne **Settings**. Es handelt sich um eine Tab-Reihe — wähle **Custom HTML** oder **Custom CSS** (sie befinden sich hinter **More settings**, wenn die Reihe überläuft).

<div id="html">
  ## HTML
</div>

Achte darauf, eine HTML-Location auszuwählen, um die gewünschten Änderungen in Upcart gezielt zu platzieren. In unserem Fall soll die Zwischensummen-Zeile „above the checkout button“ (über dem Checkout-Button) erscheinen. Du kannst den Text „Subtotal“ unten gerne an deine bevorzugte Sprache anpassen.

```
<div   
  class="cart-subtotal-section"   
  style="display: flex; justify-content: space-between;"  
>  
  <span class="cart-subtotal-title">Subtotal</span>  
  <span class="cart-subtotal-value">{{UPCART_SUBTOTAL}}</span>  
</div>
```

So sollten deine Custom-HTML-Einstellungen in Upcart aussehen:

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/subtotal-line-custom-html-settings-above.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=28c3da390eca8817499ed35864f7f381" alt="Custom-HTML-Einstellungen auf Above checkout button gesetzt mit dem Code für die Zwischensummen-Zeile" width="1470" height="966" data-path="images/upcart/subtotal-line-custom-html-settings-above.png" />

<div id="css">
  ## CSS
</div>

Ändere in **Settings => Custom CSS** die Schriftgröße und Farben im benutzerdefinierten CSS nach Bedarf. Vergiss nicht, am Ende auf „Save“ zu klicken!

```
.cart-subtotal-section {  
  margin-bottom: 4px;  
}  
  
.cart-subtotal-title {  
  font-size: 24px;  
  color: red;  
}  
  
.cart-subtotal-value {  
  font-size: 18px;  
  color: green  
}
```

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/subtotal-line-custom-css-settings-cart.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=2b4bd1b5ee98bc6eb5bb8f507a91ba31" alt="Custom-CSS-Einstellungen mit den Styling-Regeln für die Warenkorb-Zwischensumme" width="1452" height="1032" data-path="images/upcart/subtotal-line-custom-css-settings-cart.png" />

***

<div id="support-for-customizations">
  ## 🚧 Support für Anpassungen
</div>

Das Support-Team von Upcart kann nicht bei der Implementierung von benutzerdefinierten CSS- oder HTML-Lösungen in deinem Warenkorb helfen.

Wenn du Hilfe beim Gestalten oder Stylen von etwas Individuellem benötigst, empfehlen wir dir, [einen Shopify-Experten zu konsultieren](https://www.shopify.com/partners/directory) oder mit einem LLM zu chatten — [unter Verwendung unserer KI-Prompt-Richtlinien](https://docs.aftersell.com/upcart/ai_prompt_suggestions_for_adding_custom_code_to_your_upcart_settings#ai-prompt-suggestions-for-adding-custom-code-to-your-upcart-settings).