Sidens header overlapper Upcart - Aftersell & Upcart Docs

Hvorfor dette sker

I nogle Shopify-temaer har headeren et højere z-index end Upcart, hvilket får kurven til at blive vist under den. Det kan få Upcart til at se delvist skjult eller utilgængelig ud, når kunder åbner kurven.

Sådan løser du det

Følg trinnene nedenfor for at bringe Upcart foran din sides header:

Kopiér koden, der findes nederst i denne artikel.
I din Shopify-admin skal du åbne Upcarts Cart Editor, gå til Settings og vælge fanen Custom HTML. Settings er en række faner — hvis du ikke ser Custom HTML, ligger den bag More settings.
Klik på HTML-dropdownen, og vælg Scripts (Before Load).
Indsæt koden i feltet.
Klik på Save changes.
Opdatér din webshop, og test din kurv.

Efter at have gennemført disse trin bør kurven vises korrekt over din sides header.

Nødvendig kode:

<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