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

# Warum ist Upcart immer geöffnet?

> Dieser Artikel beschreibt die Schritte zur Fehlerbehebung, um herauszufinden, warum Upcart immer geöffnet ist.

Wenn bei dir in Upcart das Problem auftritt, dass der Cart Drawer sichtbar bleibt – sei es auf der linken Bildschirmseite oder rechts bzw. unterhalb der Shop-Oberfläche –, gibt es zwei mögliche Ursachen, je nachdem, ob du eine Übersetzungs-App verwendest.

<div id="the-cart-appears-on-the-right-side-or-overlays-the-product-page-interface">
  # Der Warenkorb erscheint auf der rechten Seite oder überlagert die Oberfläche der Produktseite.
</div>

Dieses Problem zeigt sich auf dem Desktop typischerweise so (rechts hervorgehoben):

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-storefront-product-cart-drawer.gif?s=de0cfb039a5110314e2bcc670570edce" alt="Storefront-Produktseite mit dem dauerhaft geöffneten Upcart-Cart-Drawer, der die rechte Seite überlagert" width="1108" height="1080" data-path="images/upcart/always-open-storefront-product-cart-drawer.gif" />

Um dieses Problem zu beheben, musst du ein kurzes Skript in die HTML-Einstellungen von Upcart einfügen.

Bitte folge diesen Schritten:

1. Gehe in deinem Shopify-Adminbereich zu **Upcart > Cart Editor > Settings**
2. Wähle unter Custom HTML im **Dropdown Select HTML Location > Scripts (Before load)** <img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-custom-html-location-dropdown.png?fit=max&auto=format&n=uxKAdY-e0h16xa48&q=85&s=5fecf8bcf00491e70d62ced4d76a10d8" alt="Upcart-Dropdown für die Custom-HTML-Position mit Scripts Before Load unten hervorgehoben" width="1099" height="766" data-path="images/upcart/always-open-custom-html-location-dropdown.png" />
3. Kopiere den folgenden Code und füge ihn ein:
   ```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
   <script>  
       window.onload = () => {  
           const upcartHTML = document.getElementById("upCart");  
           document.body.append(upcartHTML);  
       }  
   </script>
   ```
   So sollten deine Custom-HTML-Einstellungen in Upcart aussehen: <img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-custom-html-editor-scripts.gif?s=90eee20f5741281f86afa26f06acbad0" alt="Upcart-Custom-HTML-Editor auf Scripts Before Load eingestellt mit eingefügtem window.onload-Append-Skript" width="2748" height="1080" data-path="images/upcart/always-open-custom-html-editor-scripts.gif" />
4. Scrolle nach oben und klicke auf **Save**. Nach dem Speichern von Upcart-Änderungen kann es bis zu einer Minute dauern, bis die Änderungen wirksam werden.

<div id="why-does-this-happen">
  ### Warum passiert das?
</div>

Wenn Upcart lädt, erwarten wir, dass es außerhalb des Bildschirms rechts neben der Shop-Seite erscheint. Bestimmte Shop-Themes und Shopify-Apps von Drittanbietern können jedoch das Seitenlayout verändern, einschließlich der Platzierung von Upcart. Infolgedessen kann Upcart an einer anderen Position geladen werden, was zu einem visuellen Fehler führt, bei dem es dauerhaft sichtbar ist. Die oben genannten Code-Änderungen positionieren Upcart neu und stellen das ursprüngliche Verhalten wieder her.

<div id="additional-steps">
  ## **Zusätzliche Schritte**
</div>

Wenn während der Ladephase der Seite durch Upcart Flackern auftritt, kannst du auch versuchen, den Cart Drawer mit einigen CSS-Änderungen auszublenden. Bitte beachte: **Dadurch wird Upcart auch auf der Vorschauseite ausgeblendet.**

```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
.upcartPopupShow [class*="styles_CartPreview__right__"] {  
    width: 100%;  
    max-width: 440px;  
}  
  
[class*="styles_CartPreview__right__"] {  
    width: 0px;  
    max-width: 440px;  
}
```

Du findest den Editor auf dem Tab **Custom CSS** unter **Settings** (hinter **More settings**, falls er nicht in die Tab-Leiste passt). Füge den obigen Code dort ein:

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-custom-css-editor-rules.gif?s=a982b2ed16933ade7b8b47d2e1671fcc" alt="Upcart-Custom-CSS-Editor mit Regeln, die die Breite des rechten CartPreview-Panels setzen, um den Drawer auszublenden" width="2552" height="1080" data-path="images/upcart/always-open-custom-css-editor-rules.gif" />

<div id="cart-is-stuck-on-the-left">
  # Der Warenkorb hängt links fest
</div>

Das wird in der Regel durch eine Übersetzungs-App verursacht, die Upcart-Einstellungen übersetzt, die auf Englisch bleiben sollten.

Upcart speichert bestimmte Einstellungen als englische Wörter in Shopify-Metafeldern. Die Einstellung für die Warenkorb-Position wird zum Beispiel als „right“ oder „left“ gespeichert. Wenn eine Übersetzungs-App „right“ ins Französische zu „droite“ ändert, kann Upcart die Anweisung nicht verstehen und wechselt standardmäßig in die obere linke Ecke des Bildschirms, wo es dauerhaft geöffnet bleibt.

**Nicht alle Metafelder sollten übersetzt werden**

Es gibt zwei Arten von Upcart-Metafeldern:

* **Textfelder** wie Button-Beschriftungen oder Belohnungsnachrichten können bedenkenlos übersetzt werden
* **Verhaltenseinstellungen** wie die Warenkorb-Position oder die Upsell-Ausrichtung müssen auf Englisch bleiben

Das Übersetzen von Verhaltenseinstellungen führt dazu, dass Upcart nicht mehr funktioniert.

**Die Lösung**

1. Öffne deine Übersetzungs-App und suche den Bereich **Store-Metadaten** oder **Metafelder**
2. Gehe die Upcart-Metafelder durch und entferne alle Übersetzungen bei verhaltensbezogenen Feldern wie `cartPosition` und `upsellsDirection`
3. Aktualisiere deinen Storefront – der Warenkorb sollte an seine korrekte Position zurückkehren

**Hinweis:** Upcart verfügt jetzt über integrierte Übersetzungsunterstützung, die dieses Problem vollständig vermeidet. Wenn du noch keine Übersetzungen eingerichtet hast, empfehlen wir stattdessen diese Funktion. Weitere Details findest du unter [Warenkorb-Übersetzungen](/de/upcart/cart_translations).