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

# Website-Header überlappt Upcart

> Dieser Artikel erklärt, wie du das Problem behebst, dass das Upcart-Widget beim Öffnen hinter deinem Website-Header verborgen ist.

<div id="why-this-happens">
  ### Warum das passiert
</div>

In manchen Shopify-Themes hat der Header einen höheren **z-index** als Upcart, wodurch der Warenkorb darunter erscheint. Dadurch kann Upcart teilweise verdeckt oder unzugänglich wirken, wenn Kundinnen und Kunden den Warenkorb öffnen.

***

<div id="how-to-fix">
  ## So behebst du es
</div>

Folge den Schritten unten, um Upcart vor deinen Website-Header zu bringen:

1. **Kopiere den Code**, der am Ende dieses Artikels bereitgestellt wird.
2. Öffne in deinem Shopify-Adminbereich den Upcart **Cart Editor**, gehe zu **Settings** und wähle den Tab **Custom HTML**. Settings ist eine Reihe von Tabs — wenn du Custom HTML nicht siehst, findest du es unter **More settings**.
3. Klicke auf das **HTML-Dropdown** und wähle **Scripts (Before Load)**.
4. **Füge den Code** in das Feld ein.
5. Klicke auf **Save changes**.
6. **Aktualisiere deinen Storefront** und teste deinen Warenkorb.

Nach diesen Schritten sollte der Warenkorb korrekt über deinem Website-Header angezeigt werden.

***

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