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

# Aggiungere una riga di subtotale a Upcart

> Per chi preferisce che una riga di subtotale venga mostrata anche sopra il pulsante di checkout

<div id="introduction">
  ## Introduzione
</div>

Se l'impostazione del subtotale *(nell'immagine qui sotto)* non funziona per te, ecco un documento che spiega come inserire manualmente una riga di subtotale.

<div id="enabling-subtotal-line">
  ## Attivare la riga di subtotale
</div>

Puoi attivare facilmente la riga Subtotal nelle impostazioni Design del carrello.

Ecco dove trovare l'impostazione:

**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="Impostazioni Design del Cart Editor con la casella Enable Subtotal Line evidenziata" width="505" height="380" data-path="images/upcart/subtotal-line-cart-editor-design-settings.png" />

<div id="inserting-subtotal-via-code">
  # Inserire il subtotale tramite codice
</div>

<div id="accessing-custom-css-and-html-settings">
  ## Accedere alle impostazioni Custom CSS e HTML
</div>

Per iniziare a personalizzare il CSS del tuo Upcart, segui questi passaggi:

1. Apri l'app Upcart nella tua dashboard.
2. Vai al Cart Editor.
3. Apri **Settings**. È una fila di schede — scegli **Custom HTML** o **Custom CSS** (si trovano dietro **More settings** se la fila è troppo lunga).

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

Assicurati di selezionare una posizione HTML per indirizzare le modifiche che vuoi vedere in Upcart. Nel nostro caso, vogliamo che la riga di subtotale sia "above the checkout button". Sentiti libero di cambiare il testo "Subtotal" qui sotto per adattarlo alla tua lingua preferita.

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

Ecco come dovrebbero apparire le tue impostazioni Custom HTML in Upcart:

<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="Impostazioni Custom HTML impostate su Above checkout button con il codice della riga di subtotale" width="1470" height="966" data-path="images/upcart/subtotal-line-custom-html-settings-above.png" />

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

In **Settings =>Custom CSS**, modifica la dimensione del carattere e i colori nel CSS personalizzato secondo necessità. Non dimenticare di premere "Save" quando hai finito!

```
.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="Impostazioni Custom CSS che mostrano le regole di stile del subtotale del carrello" width="1452" height="1032" data-path="images/upcart/subtotal-line-custom-css-settings-cart.png" />

***

<div id="support-for-customizations">
  ## 🚧 Supporto per le personalizzazioni
</div>

Il team di supporto di Upcart non può assistere nell'implementazione di soluzioni CSS o HTML personalizzate nel tuo carrello.

Se hai bisogno di aiuto per progettare o stilizzare qualcosa di personalizzato, ti consigliamo di [consultare uno Shopify Expert](https://www.shopify.com/partners/directory) o di chattare con un LLM [usando le nostre linee guida per i prompt IA](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).