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

# Perché Upcart è sempre aperto?

> Questo articolo descrive i passaggi per capire perché Upcart risulta sempre aperto.

Se riscontri un problema in Upcart per cui il cart drawer rimane visibile, sia sul lato sinistro dello schermo sia a destra o sotto l'interfaccia del negozio, ci sono due possibili cause, a seconda che tu stia usando o meno un'app di traduzione.

<div id="the-cart-appears-on-the-right-side-or-overlays-the-product-page-interface">
  # Il carrello appare sul lato destro o si sovrappone all'interfaccia della pagina prodotto.
</div>

Questo problema si presenta tipicamente così su desktop (evidenziato a destra):

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-storefront-product-cart-drawer.gif?s=de0cfb039a5110314e2bcc670570edce" alt="Pagina prodotto del negozio con il cart drawer di Upcart bloccato aperto sovrapposto al lato destro" width="1108" height="1080" data-path="images/upcart/always-open-storefront-product-cart-drawer.gif" />

Per risolvere il problema dovrai inserire un breve script nelle impostazioni HTML di Upcart.

Segui questi passaggi:

1. Nel tuo Shopify Admin, vai su **Upcart > Cart Editor > Settings**
2. In Custom HTML, **seleziona il menu a tendina HTML Location > Scripts (Before load)** <img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-custom-html-location-dropdown.png?fit=max&auto=format&n=uxKAdY-e0h16xa48&q=85&s=5fecf8bcf00491e70d62ced4d76a10d8" alt="Menu a tendina della posizione del Custom HTML di Upcart con Scripts Before Load evidenziato in basso" width="1099" height="766" data-path="images/upcart/always-open-custom-html-location-dropdown.png" />
3. Copia e incolla il seguente codice:
   ```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
   <script>  
       window.onload = () => {  
           const upcartHTML = document.getElementById("upCart");  
           document.body.append(upcartHTML);  
       }  
   </script>
   ```
   Ecco come dovrebbero apparire le tue impostazioni Custom HTML in Upcart: <img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-custom-html-editor-scripts.gif?s=90eee20f5741281f86afa26f06acbad0" alt="Editor Custom HTML di Upcart impostato su Scripts Before Load con lo script window.onload append incollato" width="2748" height="1080" data-path="images/upcart/always-open-custom-html-editor-scripts.gif" />
4. Scorri in alto e fai clic su **Save**. Il salvataggio delle modifiche di Upcart può richiedere fino a un minuto prima che diventino effettive.

<div id="why-does-this-happen">
  ### Perché succede?
</div>

Quando Upcart si carica, ci aspettiamo che appaia fuori dallo schermo, a destra della pagina del negozio. Tuttavia, alcuni temi e app Shopify di terze parti possono alterare il layout della pagina, incluso il posizionamento di Upcart. Di conseguenza, Upcart può caricarsi in una posizione diversa, causando un bug visivo per cui rimane sempre visibile. Applicando le modifiche al codice qui sopra, Upcart verrà riposizionato ripristinando il suo comportamento originale.

<div id="additional-steps">
  ## **Passaggi aggiuntivi**
</div>

Se noti sfarfallii durante il caricamento della pagina da parte di Upcart, puoi anche provare ad applicare alcune modifiche CSS per nascondere il cart drawer. Tieni presente che **questo nasconderà Upcart anche nella pagina di anteprima**.

```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
.upcartPopupShow [class*="styles_CartPreview__right__"] {  
    width: 100%;  
    max-width: 440px;  
}  
  
[class*="styles_CartPreview__right__"] {  
    width: 0px;  
    max-width: 440px;  
}
```

Troverai l'editor nella scheda **Custom CSS** sotto **Settings** (dietro **More settings** se non entra nella riga delle schede). Incolla lì il codice qui sopra:

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-custom-css-editor-rules.gif?s=a982b2ed16933ade7b8b47d2e1671fcc" alt="Editor Custom CSS di Upcart con regole che impostano la larghezza del pannello destro di CartPreview per nascondere il drawer" width="2552" height="1080" data-path="images/upcart/always-open-custom-css-editor-rules.gif" />

<div id="cart-is-stuck-on-the-left">
  # Il carrello è bloccato a sinistra
</div>

Di solito questo è causato da un'app di traduzione che traduce impostazioni di Upcart che dovrebbero restare in inglese.

Upcart memorizza alcune impostazioni come parole in inglese nei metafield di Shopify. Ad esempio, l'impostazione della posizione del carrello è memorizzata come "right" o "left". Se un'app di traduzione cambia "right" in "droite" in francese, Upcart non può capire l'istruzione e per impostazione predefinita si posiziona in alto a sinistra dello schermo, rimanendo aperto in modo permanente.

**Non tutti i metafield vanno tradotti**

Esistono due tipi di metafield di Upcart:

* I **campi di testo** come le etichette dei pulsanti o i messaggi dei premi possono essere tradotti in sicurezza
* Le **impostazioni di comportamento** come la posizione del carrello o la direzione degli upsell devono restare in inglese

Tradurre le impostazioni di comportamento causerà il malfunzionamento di Upcart.

**La soluzione**

1. Apri la tua app di traduzione e trova la sezione **store metadata** o **metafields**
2. Esamina i metafield di Upcart e rimuovi eventuali traduzioni sui campi legati al comportamento come `cartPosition` e `upsellsDirection`
3. Ricarica il tuo negozio e il carrello dovrebbe tornare nella posizione corretta

**Nota:** Upcart ora dispone di un supporto di traduzione integrato, che evita del tutto questo problema. Se non hai ancora configurato le traduzioni, ti consigliamo di usare quella funzionalità. Consulta [Traduzioni del carrello](/it/upcart/cart_translations) per maggiori dettagli.
