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

# Impostazioni del carrello

> Impostazioni di comportamento per l'Aftersell Cart: quando si apre il drawer e i selettori del tema che mantengono sincronizzato il tuo negozio.

Oltre allo [stile](/it/aftersell/cart/design-settings), il carrello ha alcune impostazioni di **comportamento** che controllano come interagisce con il tuo negozio: quando si apre il drawer e quali elementi del tema Aftersell mantiene sincronizzati con il carrello.

<div id="where-to-find-these">
  ## Dove trovarle
</div>

Nel cart editor, apri **Cart settings**. Le opzioni qui sotto sono raggruppate sotto **Behavior** e **Custom selector**.

<div id="open-the-cart-when-an-item-is-added">
  ## Aprire il carrello quando viene aggiunto un articolo
</div>

**Open cart when an item is added** controlla se il drawer si apre automaticamente ogni volta che un acquirente aggiunge un prodotto. È attivo per impostazione predefinita. Disattivalo se preferisci che il carrello resti chiuso finché l'acquirente non lo apre da solo.

<div id="theme-selectors">
  ## Selettori del tema
</div>

Aftersell si aggancia al tuo negozio tramite selettori CSS — per esempio, per sapere quale elemento apre il carrello o quale conteggio dell'icona del carrello mantenere sincronizzato. Il rilevamento integrato copre i temi Shopify più popolari (Dawn, Sense, Crave, Debut, Impulse, Horizon e molti altri), quindi **la maggior parte dei negozi non deve mai toccarli**. Modifica un selettore solo se qualcosa non si collega correttamente sul tuo tema.

<div id="selector-modes">
  ### Modalità dei selettori
</div>

Ogni selettore offre le stesse tre modalità:

| Modalità             | Cosa fa                                                                                                                                                                            |
| -------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Default**          | Usa il rilevamento integrato di Aftersell per i temi supportati.                                                                                                                   |
| **Default + custom** | Mantiene il rilevamento integrato e vi aggiunge il tuo selettore — usala quando il predefinito funziona quasi sempre ma manca un elemento (per esempio, un'icona mobile separata). |
| **Custom only**      | Ignora il rilevamento integrato e usa solo il tuo selettore — usala quando il predefinito punta all'elemento sbagliato o va in conflitto con il tuo tema.                          |

Il campo del selettore è abilitato solo per le modalità **Default + custom** e **Custom only**.

<div id="the-three-selectors">
  ### I tre selettori
</div>

| Selettore                | Cosa individua                                                                                                                  | Esempio                     |
| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------- | --------------------------- |
| **Open cart selector**   | L'elemento (o gli elementi) che devono aprire il cart drawer.                                                                   | `.header__cart-toggle`      |
| **Add to cart selector** | Il pulsante (o i pulsanti) di aggiunta al carrello a cui Aftersell deve agganciarsi.                                            | `.product-form__add-button` |
| **Cart count selector**  | L'elemento sull'icona del carrello del tuo tema che mostra il conteggio degli articoli, così resta sincronizzato con il drawer. | `.header__cart-count span`  |

<div id="how-to-find-a-selector">
  ### Come trovare un selettore
</div>

1. Apri il tuo negozio in un browser (Chrome consigliato).
2. Fai clic destro sull'elemento che vuoi individuare — l'icona del carrello, il numero del conteggio o il pulsante di aggiunta al carrello — e scegli **Ispeziona**.
3. Nel pannello che si apre, trova l'elemento che lo rappresenta (il conteggio è spesso uno `span` dentro l'icona del carrello).
4. Annota la sua classe (inizia con `.`) o il suo ID (inizia con `#`) — per esempio `.header__cart-count span` o `#CartCount`.
5. Torna in **Cart settings**, imposta il selettore su **Default + custom** o **Custom only** e incollalo.
6. Salva, poi fai una prova sia su desktop sia su mobile.

<Tip>
  Parti con **Default** — funziona per la maggior parte dei temi senza alcuna configurazione. Passa a **Default + custom** quando si aggiorna solo una di più icone (per esempio, desktop funziona ma mobile no), e a **Custom only** quando il predefinito punta all'elemento sbagliato. Se non sei sicuro di quale selettore usare, lo sviluppatore del tuo tema può indicartelo — non devi scrivere codice, solo copiare e incollare.
</Tip>