> ## 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.

# Nagłówek strony zasłania Upcart

> Ten artykuł wyjaśnia, jak naprawić problem, w którym widżet Upcart po otwarciu jest ukryty za nagłówkiem strony.

<div id="why-this-happens">
  ### Dlaczego tak się dzieje
</div>

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.

***

<div id="how-to-fix">
  ## Jak to naprawić
</div>

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

1. **Skopiuj kod** podany na dole tego artykułu.
2. 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**.
3. Kliknij **listę rozwijaną HTML** i wybierz **Scripts (Before Load)**.
4. **Wklej kod** w polu.
5. Kliknij **Save changes**.
6. **Odśwież stronę sklepu** i przetestuj koszyk.

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

***

<div id="code-required">
  ## Wymagany kod:
</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>
```