> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Шапка сайта перекрывает Upcart

> В этой статье объясняется, как исправить проблему, когда виджет Upcart при открытии оказывается скрыт за шапкой сайта.

<div id="why-this-happens">
  ### Почему так происходит
</div>

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

***

<div id="how-to-fix">
  ## Как исправить
</div>

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

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

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

***

<div id="code-required">
  ## Необходимый код:
</div>

```
<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>
```