> ## 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 관리자에서 Upcart **Cart Editor**를 열고 **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>
```