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

# Jak naprawić uszkodzony układ edytora koszyka spowodowany nieprawidłowym HTML

> Naprawa interfejsu aplikacji, gdy wygląda na uszkodzony po dodaniu niestandardowego kodu.

<div id="overview">
  # Omówienie
</div>

Jeśli do pola Custom HTML w Cart Editor zostanie dodany nieprawidłowy lub uszkodzony HTML, może to zepsuć układ i sprawić, że interfejs edytora stanie się bezużyteczny. Ten przewodnik pokazuje, jak tymczasowo naprawić układ, aby bezpiecznie usunąć uszkodzony kod i przywrócić pełną funkcjonalność.

<div id="what-causes-the-issue">
  ## Co powoduje problem
</div>

Problem zwykle występuje, gdy sprzedawca:

* Wstawia znaczniki `<style>` lub `<script>` bez odpowiedniej struktury
* Pozostawia niezamknięte lub niedopasowane znaczniki HTML
* Dodaje do pola Custom HTML treści psujące układ

W efekcie Cart Editor staje się nieczytelny lub bezużyteczny i może uniemożliwiać edycję, a nawet przewijanie strony.

<div id="temporary-fix-using-developer-tools">
  ## Tymczasowa naprawa za pomocą narzędzi deweloperskich
</div>

Wykonaj poniższe kroki, aby tymczasowo naprawić układ za pomocą narzędzi deweloperskich przeglądarki i uzyskać dostęp do pola Custom HTML.

<div id="step-1-open-devtools">
  ## Krok 1: otwórz DevTools
</div>

1. Otwórz Cart Editor w aplikacji Upcart
2. Kliknij prawym przyciskiem myszy w dowolnym miejscu strony i wybierz **Inspect** lub naciśnij:

   * `Cmd + Option + I` (Mac)
   * `Ctrl + Shift + I` (Windows)

<div id="step-2-find-the-broken-layout-container">
  ## Krok 2: znajdź uszkodzony kontener układu
</div>

1. W zakładce **Elements** w DevTools kliknij narzędzie selektora (lewy górny róg DevTools)
2. Najedź na układ Cart Editor i znajdź podświetloną na zielono sekcję po lewej stronie panelu ustawień. Powinna być oznaczona jako:

   ```
   .Polaris-Page__Content--fullWidth
   ```
3. Przejdź sześć poziomów wyżej w hierarchii, aż dotrzesz do:

   ```
   .Polaris-Frame__Content
   ```

<div id="step-3-disable-the-fixed-position">
  ## Krok 3: wyłącz pozycję fixed
</div>

1. Mając zaznaczony element `.Polaris-Frame__Content`, spójrz na zakładkę **Styles**
2. Znajdź właściwość `position: fixed` i odznacz ją

Powinno to odblokować stronę i ponownie umożliwić przewijanie układu.

<div id="remove-the-invalid-html">
  ## Usuń nieprawidłowy HTML
</div>

Teraz, gdy układ jest znów dostępny:

1. Przewiń do pola **Custom HTML**
2. Poszukaj uszkodzonego HTML lub osadzonego CSS, który mógł spowodować problem

Przykład tego, co zwykle psuje układ:

```
<style>  
  body {  
    background: red;  
  }  
</style>
```

1. Skopiuj zawartość w inne miejsce jako kopię zapasową, a następnie ją usuń
2. Zapisz zmiany

<div id="confirm-its-fixed">
  ## Potwierdź, że problem został rozwiązany
</div>

Po zapisaniu Cart Editor powinien znów ładować się normalnie. Jeśli problem nie ustępuje, ponownie sprawdź, czy nie pozostały nieprawidłowe znaczniki, lub skontaktuj się ze sprzedawcą, aby potwierdzić, co zostało dodane.

<div id="best-practices-to-prevent-this-issue">
  ## Dobre praktyki zapobiegające temu problemowi
</div>

* Wstawiaj tylko kompletny i poprawny HTML
* Unikaj dodawania wbudowanych bloków `<style>` bezpośrednio w lokalizacjach HTML
* Zamiast dodawać CSS do pól HTML, używaj sekcji **Custom CSS**
* Jeśli masz wątpliwości, zawsze wyświetl podgląd zmian w trybie Sandbox