Skip to main content

​
Omówienie

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ść.

​
Co powoduje problem

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.

​
Tymczasowa naprawa za pomocą narzędzi deweloperskich

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

​
Krok 1: otwórz DevTools

  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)

​
Krok 2: znajdź uszkodzony kontener układu

  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:
  3. Przejdź sześć poziomów wyżej w hierarchii, aż dotrzesz do:

​
Krok 3: wyłącz pozycję fixed

  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.

​
Usuń nieprawidłowy HTML

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:
  1. Skopiuj zawartość w inne miejsce jako kopię zapasową, a następnie ją usuń
  2. Zapisz zmiany

​
Potwierdź, że problem został rozwiązany

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.

​
Dobre praktyki zapobiegające temu problemowi

  • 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