L'header del sito si sovrappone a Upcart - Aftersell & Upcart Docs

Perché succede

In alcuni temi Shopify, l’header ha uno z-index più alto di Upcart, facendo apparire il carrello sotto di esso. Questo può far sembrare Upcart parzialmente nascosto o inaccessibile quando i clienti aprono il carrello.

Come risolvere

Segui i passaggi qui sotto per portare Upcart davanti all’header del tuo sito:

Copia il codice fornito in fondo a questo articolo.
Nel tuo pannello Shopify, apri il Cart Editor di Upcart, vai su Settings e seleziona la scheda Custom HTML. Settings è una riga di schede — se non vedi Custom HTML, si trova dietro More settings.
Clicca sul menu a tendina HTML e seleziona Scripts (Before Load).
Incolla il codice nel campo.
Clicca su Save changes.
Aggiorna il tuo negozio online e testa il carrello.

Dopo aver completato questi passaggi, il carrello dovrebbe essere visualizzato correttamente sopra l’header del tuo sito.

Codice richiesto:

<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