Siteheader overlapt Upcart - Aftersell & Upcart Docs

Waarom dit gebeurt

In sommige Shopify-thema’s heeft de header een hogere z-index dan Upcart, waardoor de winkelwagen eronder verschijnt. Hierdoor kan Upcart er gedeeltelijk verborgen of ontoegankelijk uitzien wanneer klanten de winkelwagen openen.

Hoe je dit oplost

Volg de onderstaande stappen om Upcart vóór de header van je site te plaatsen:

Kopieer de code onderaan dit artikel.
Open in je Shopify-admin de Upcart Cart Editor, ga naar Settings en selecteer het tabblad Custom HTML. Settings is een rij tabbladen — als je Custom HTML niet ziet, staat het achter More settings.
Klik op het HTML-dropdownmenu en selecteer Scripts (Before Load).
Plak de code in het veld.
Klik op Save changes.
Vernieuw je webshop en test je winkelwagen.

Na het voltooien van deze stappen zou de winkelwagen correct boven de header van je site moeten worden weergegeven.

Vereiste code:

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

⌘I