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

# Dlaczego Upcart jest zawsze otwarty?

> Ten artykuł przedstawia kroki rozwiązywania problemów pozwalające ustalić, dlaczego Upcart jest zawsze otwarty.

Jeśli występuje u Ciebie problem z Upcart polegający na tym, że wysuwany koszyk pozostaje widoczny — czy to po lewej stronie ekranu, czy pojawiając się po prawej stronie lub poniżej interfejsu sklepu — istnieją dwie potencjalne przyczyny, w zależności od tego, czy używasz aplikacji do tłumaczeń.

<div id="the-cart-appears-on-the-right-side-or-overlays-the-product-page-interface">
  # Koszyk pojawia się po prawej stronie lub nakłada się na interfejs strony produktu.
</div>

Ten problem zwykle wygląda tak jak na desktopie (wyróżniony po prawej):

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-storefront-product-cart-drawer.gif?s=de0cfb039a5110314e2bcc670570edce" alt="Strona produktu w sklepie z wysuwanym koszykiem Upcart zablokowanym w pozycji otwartej, nakładającym się na prawą stronę" width="1108" height="1080" data-path="images/upcart/always-open-storefront-product-cart-drawer.gif" />

Aby naprawić ten problem, musisz wstawić krótki skrypt do ustawień HTML Upcart.

Wykonaj poniższe kroki:

1. W administratorze Shopify przejdź do **Upcart > Cart Editor > Settings**
2. W sekcji Custom HTML **wybierz listę rozwijaną 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="Lista rozwijana lokalizacji Custom HTML w Upcart z wyróżnioną opcją Scripts Before Load na dole" width="1099" height="766" data-path="images/upcart/always-open-custom-html-location-dropdown.png" />
3. Skopiuj i wklej następujący kod:
   ```text theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
   <script>  
       window.onload = () => {  
           const upcartHTML = document.getElementById("upCart");  
           document.body.append(upcartHTML);  
       }  
   </script>
   ```
   Tak powinny wyglądać Twoje ustawienia niestandardowego HTML w Upcart: <img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-custom-html-editor-scripts.gif?s=90eee20f5741281f86afa26f06acbad0" alt="Edytor Custom HTML Upcart ustawiony na Scripts Before Load z wklejonym skryptem window.onload append" width="2748" height="1080" data-path="images/upcart/always-open-custom-html-editor-scripts.gif" />
4. Przewiń na górę i kliknij **Save**. Zapisanie zmian w Upcart może wymagać do minuty, zanim zaczną obowiązywać.

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

Gdy Upcart się ładuje, oczekujemy, że pojawi się poza ekranem, po prawej stronie strony sklepu. Jednak niektóre motywy sklepów i zewnętrzne aplikacje Shopify mogą zmieniać układ strony, w tym umiejscowienie Upcart. W rezultacie Upcart może załadować się w innej pozycji, co prowadzi do błędu wizualnego polegającego na tym, że jest widoczny przez cały czas. Wdrożenie powyższych zmian w kodzie zmieni pozycję Upcart, przywracając jego pierwotne zachowanie.

<div id="additional-steps">
  ## **Dodatkowe kroki**
</div>

Jeśli podczas ładowania strony przez Upcart występuje migotanie, możesz również spróbować zastosować zmiany CSS ukrywające wysuwany koszyk. Pamiętaj, że **spowoduje to ukrycie Upcart również na stronie podglądu**.

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

Edytor znajdziesz na karcie **Custom CSS** w sekcji **Settings** (pod **More settings**, jeśli nie mieści się w wierszu kart). Wklej tam powyższy kod:

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/always-open-custom-css-editor-rules.gif?s=a982b2ed16933ade7b8b47d2e1671fcc" alt="Edytor Custom CSS Upcart z regułami ustawiającymi szerokość prawego panelu CartPreview w celu ukrycia koszyka" width="2552" height="1080" data-path="images/upcart/always-open-custom-css-editor-rules.gif" />

<div id="cart-is-stuck-on-the-left">
  # Koszyk jest zablokowany po lewej stronie
</div>

Zwykle jest to spowodowane tym, że aplikacja do tłumaczeń przetłumaczyła ustawienia Upcart, które powinny pozostać po angielsku.

Upcart przechowuje niektóre ustawienia jako angielskie słowa w metapolach Shopify. Na przykład ustawienie pozycji koszyka jest przechowywane jako „right” lub „left”. Jeśli aplikacja do tłumaczeń zmieni „right” na „droite” po francusku, Upcart nie może zrozumieć instrukcji i domyślnie umieszcza koszyk w lewym górnym rogu ekranu, pozostawiając go stale otwartym.

**Nie wszystkie metapola powinny być tłumaczone**

Istnieją dwa typy metapól Upcart:

* **Pola tekstowe**, takie jak etykiety przycisków czy komunikaty nagród, można bezpiecznie tłumaczyć
* **Ustawienia zachowania**, takie jak pozycja koszyka czy kierunek upselli, muszą pozostać po angielsku

Przetłumaczenie ustawień zachowania spowoduje awarię Upcart.

**Rozwiązanie**

1. Otwórz swoją aplikację do tłumaczeń i znajdź sekcję **store metadata** lub **metafields**
2. Przejrzyj metapola Upcart i usuń wszelkie tłumaczenia z pól związanych z zachowaniem, takich jak `cartPosition` i `upsellsDirection`
3. Odśwież swój sklep — koszyk powinien wrócić na właściwą pozycję

**Uwaga:** Upcart ma teraz wbudowaną obsługę tłumaczeń, która całkowicie eliminuje ten problem. Jeśli jeszcze nie masz skonfigurowanych tłumaczeń, zalecamy skorzystanie z tej funkcji. Zobacz [Tłumaczenia koszyka](/pl/upcart/cart_translations), aby uzyskać więcej szczegółów.
