Nagłówek strony zasłania Upcart - Aftersell & Upcart Docs

Dlaczego tak się dzieje

W niektórych motywach Shopify nagłówek ma wyższy z-index niż Upcart, przez co koszyk pojawia się pod nim. Może to sprawiać, że Upcart wygląda na częściowo ukryty lub niedostępny, gdy klienci otwierają koszyk.

Jak to naprawić

Wykonaj poniższe kroki, aby wysunąć Upcart przed nagłówek strony:

Skopiuj kod podany na dole tego artykułu.
W panelu administracyjnym Shopify otwórz Cart Editor Upcart, przejdź do Settings i wybierz kartę Custom HTML. Settings to rząd kart — jeśli nie widzisz Custom HTML, znajdziesz ją za More settings.
Kliknij listę rozwijaną HTML i wybierz Scripts (Before Load).
Wklej kod w polu.
Kliknij Save changes.
Odśwież stronę sklepu i przetestuj koszyk.

Po wykonaniu tych kroków koszyk powinien poprawnie wyświetlać się nad nagłówkiem strony.

Wymagany kod:

<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