L'en-tête du site chevauche Upcart

Pourquoi cela se produit

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.

Comment résoudre le problème

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

Copiez le code fourni au bas de cet article.
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.
Cliquez sur le menu déroulant HTML et sélectionnez Scripts (Before Load).
Collez le code dans le champ.
Cliquez sur Save changes.
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.

Code requis :

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

Getting Started

Cart Modules

Cart Settings

Sticky Cart Button

Multicart

Customizations

Analytics

Integrations & Compatibility

Billing & Account

Troubleshooting

Pourquoi cela se produit

Comment résoudre le problème

Code requis :

​Pourquoi cela se produit

​Comment résoudre le problème

​Code requis :

Pourquoi cela se produit

Comment résoudre le problème

Code requis :