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

# L'en-tête du site chevauche Upcart

> Cet article explique comment résoudre un problème où le widget Upcart est masqué derrière l'en-tête de votre site lors de son ouverture.

<div id="why-this-happens">
  ### Pourquoi cela se produit
</div>

Dans certains thèmes Shopify, l'en-tête possède un **z-index** plus élevé que celui d'Upcart, ce qui fait apparaître le panier en dessous de celui-ci. Cela peut donner l'impression qu'Upcart est partiellement masqué ou inaccessible lorsque les clients ouvrent le panier.

***

<div id="how-to-fix">
  ## Comment résoudre le problème
</div>

Suivez les étapes ci-dessous pour faire passer Upcart devant l'en-tête de votre site :

1. **Copiez le code** fourni au bas de cet article.
2. Dans votre interface d'administration Shopify, ouvrez le **Cart Editor** d'Upcart, allez dans **Settings** et sélectionnez l'onglet **Custom HTML**. Settings est une rangée d'onglets — si vous ne voyez pas Custom HTML, il se trouve derrière **More settings**.
3. Cliquez sur le **menu déroulant HTML** et sélectionnez **Scripts (Before Load)**.
4. **Collez le code** dans le champ.
5. Cliquez sur **Save changes**.
6. **Actualisez votre boutique en ligne** et testez votre panier.

Après avoir effectué ces étapes, le panier devrait s'afficher correctement au-dessus de l'en-tête de votre site.

***

<div id="code-required">
  ## Code requis :
</div>

```
<script>  
	// Find UpCart  
	let upcart = document.querySelector("#upCart");  
  
	// Find the site's body  
	let body = document.body;  
	  
	// If we found both  
	if(upcart && body)  
			// Move upcart to the top of the body's children so it takes priority over site header  
	    body.firstChild.before(upcart)  
</script>
```