Cabeçalho do site sobrepõe o Upcart - Aftersell & Upcart Docs

Por que isso acontece

Em alguns temas do Shopify, o cabeçalho tem um z-index maior que o do Upcart, fazendo com que o carrinho apareça por baixo dele. Isso pode fazer o Upcart parecer parcialmente escondido ou inacessível quando os clientes abrem o carrinho.

Como corrigir

Siga as etapas abaixo para trazer o Upcart para a frente do cabeçalho do seu site:

Copie o código fornecido na parte inferior deste artigo.
No seu admin do Shopify, abra o Cart Editor do Upcart, vá em Settings e selecione a aba Custom HTML. Settings é uma fileira de abas — se você não vir Custom HTML, ela está dentro de More settings.
Clique no menu suspenso HTML e selecione Scripts (Before Load).
Cole o código no campo.
Clique em Save changes.
Atualize sua loja e teste seu carrinho.

Depois de concluir essas etapas, o carrinho deve ser exibido corretamente acima do cabeçalho do seu site.

Código necessário:

<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