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

# Pourquoi Upcart est-il toujours ouvert ?

> Cet article décrit les étapes de dépannage pour déterminer pourquoi Upcart est toujours ouvert.

Si vous rencontrez un problème avec Upcart où le tiroir du panier reste visible, que ce soit sur le côté gauche de l'écran ou en apparaissant à droite ou en dessous de l'interface de la boutique, il existe deux causes possibles, selon que vous utilisez ou non une application de traduction.

<div id="the-cart-appears-on-the-right-side-or-overlays-the-product-page-interface">
  # Le panier apparaît sur le côté droit ou recouvre l'interface de la page produit.
</div>

Ce problème apparaît généralement comme illustré sur ordinateur (mis en évidence à droite) :

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-storefront-product-cart-drawer.gif?s=de0cfb039a5110314e2bcc670570edce" alt="Page produit de la vitrine avec le tiroir du panier Upcart bloqué ouvert recouvrant le côté droit" width="1108" height="1080" data-path="images/upcart/always-open-storefront-product-cart-drawer.gif" />

Vous devrez insérer un court script dans les paramètres HTML d'Upcart pour corriger ce problème.

Veuillez suivre ces étapes :

1. Dans votre interface administrateur Shopify, allez dans **Upcart > Cart Editor > Settings**
2. Sous Custom HTML, sélectionnez la liste déroulante **Select 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="Liste déroulante d'emplacement Custom HTML d'Upcart avec Scripts Before Load mis en évidence en bas" width="1099" height="766" data-path="images/upcart/always-open-custom-html-location-dropdown.png" />
3. Copiez et collez le code suivant :
   ```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
   <script>  
       window.onload = () => {  
           const upcartHTML = document.getElementById("upCart");  
           document.body.append(upcartHTML);  
       }  
   </script>
   ```
   Voici à quoi devraient ressembler vos paramètres HTML personnalisés dans Upcart : <img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-custom-html-editor-scripts.gif?s=90eee20f5741281f86afa26f06acbad0" alt="Éditeur Custom HTML d'Upcart réglé sur Scripts Before Load avec le script d'ajout window.onload collé" width="2748" height="1080" data-path="images/upcart/always-open-custom-html-editor-scripts.gif" />
4. Faites défiler vers le haut et cliquez sur **Save**. L'enregistrement des modifications d'Upcart peut nécessiter jusqu'à une minute avant qu'elles ne prennent effet.

<div id="why-does-this-happen">
  ### Pourquoi cela se produit-il ?
</div>

Lorsqu'Upcart se charge, il est censé apparaître hors écran à droite de la page de la boutique. Toutefois, certains thèmes de boutique et certaines applications Shopify tierces peuvent modifier la mise en page, y compris le positionnement d'Upcart. Par conséquent, Upcart peut se charger à un emplacement différent, entraînant un bug visuel où il reste visible en permanence. L'application des modifications de code ci-dessus repositionnera Upcart et rétablira son comportement d'origine.

<div id="additional-steps">
  ## **Étapes supplémentaires**
</div>

Si vous constatez un scintillement pendant l'étape de chargement de la page par Upcart, vous pouvez également essayer d'appliquer quelques modifications CSS pour masquer le tiroir du panier. Gardez à l'esprit que **cela masquera également Upcart sur la page d'aperçu**.

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

Vous trouverez l'éditeur dans l'onglet **Custom CSS** sous **Settings** (derrière **More settings** s'il ne tient pas sur la rangée d'onglets). Collez-y le code ci-dessus :

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-custom-css-editor-rules.gif?s=a982b2ed16933ade7b8b47d2e1671fcc" alt="Éditeur Custom CSS d'Upcart avec des règles définissant la largeur du panneau droit CartPreview pour masquer le tiroir" width="2552" height="1080" data-path="images/upcart/always-open-custom-css-editor-rules.gif" />

<div id="cart-is-stuck-on-the-left">
  # Le panier est bloqué à gauche
</div>

Cela est généralement causé par une application de traduction qui traduit des paramètres d'Upcart qui devraient rester en anglais.

Upcart stocke certains paramètres sous forme de mots anglais dans les metafields Shopify. Par exemple, le paramètre de position du panier est stocké comme "right" ou "left". Si une application de traduction change "right" en "droite" en français, Upcart ne peut pas comprendre l'instruction et se positionne par défaut en haut à gauche de l'écran, en restant ouvert en permanence.

**Tous les metafields ne doivent pas être traduits**

Il existe deux types de metafields Upcart :

* Les **champs de texte** comme les libellés de boutons ou les messages de récompense peuvent être traduits sans risque
* Les **paramètres de comportement** comme la position du panier ou la direction des upsells doivent rester en anglais

La traduction des paramètres de comportement provoquera un dysfonctionnement d'Upcart.

**La solution**

1. Ouvrez votre application de traduction et trouvez la section **store metadata** ou **metafields**
2. Parcourez les metafields Upcart et supprimez toutes les traductions sur les champs liés au comportement tels que `cartPosition` et `upsellsDirection`
3. Actualisez votre vitrine et le panier devrait revenir à sa position correcte

**Remarque :** Upcart dispose désormais d'une prise en charge intégrée de la traduction, ce qui évite entièrement ce problème. Si vous n'avez pas encore configuré les traductions, nous vous recommandons d'utiliser cette fonctionnalité à la place. Consultez [Traductions du panier ](/fr/upcart/cart_translations)pour plus de détails.
