Шапка сайта перекрывает Upcart - Aftersell & Upcart Docs

Почему так происходит

В некоторых темах Shopify шапка имеет более высокий z-index, чем Upcart, из-за чего корзина отображается под ней. Это может делать Upcart частично скрытым или недоступным, когда покупатели открывают корзину.

Как исправить

Выполните шаги ниже, чтобы вывести Upcart поверх шапки сайта:

Скопируйте код, приведённый в конце этой статьи.
В админ-панели Shopify откройте Cart Editor Upcart, перейдите в Settings и выберите вкладку Custom HTML. Settings — это ряд вкладок; если вы не видите Custom HTML, она находится за More settings.
Нажмите выпадающий список HTML и выберите Scripts (Before Load).
Вставьте код в поле.
Нажмите Save changes.
Обновите витрину и протестируйте корзину.

После выполнения этих шагов корзина должна корректно отображаться поверх шапки сайта.

Необходимый код:

<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