Skip to main content

​
Oversigt

Hvis ugyldig eller ødelagt HTML tilføjes i Cart Editors Custom HTML-felt, kan det ødelægge layoutet og gøre editor-grænsefladen ubrugelig. Denne guide viser dig, hvordan du midlertidigt reparerer layoutet, så du sikkert kan fjerne den ødelagte kode og gendanne fuld funktionalitet.

​
Hvad forårsager problemet

Dette problem opstår normalt, når en forhandler:
  • Indsætter <style>- eller <script>-tags uden korrekt struktur
  • Efterlader HTML-tags uafsluttede eller uden match
  • Tilføjer layoutødelæggende indhold i Custom HTML-feltet
Som resultat bliver Cart Editor ulæselig eller ubrugelig og kan låse brugere ude fra at redigere eller endda scrolle på siden.

​
Midlertidig løsning med Developer Tools

Følg disse trin for midlertidigt at reparere layoutet med din browsers Developer Tools, så du kan få adgang til Custom HTML-feltet.

​
Trin 1: Åbn DevTools

  1. Åbn Cart Editor i Upcart-appen
  2. Højreklik hvor som helst på siden, og vælg Inspect, eller tryk på:
    • Cmd + Option + I (Mac)
    • Ctrl + Shift + I (Windows)

​
Trin 2: Find den ødelagte layoutcontainer

  1. I fanen Elements i DevTools skal du klikke på vælgerværktøjet (øverste venstre hjørne af DevTools)
  2. Hold musen over Cart Editor-layoutet, og find den grønt fremhævede sektion til venstre for indstillingspanelet. Den bør være mærket:
  3. Gå seks niveauer op i hierarkiet, indtil du når:

​
Trin 3: Deaktivér den faste position

  1. Med .Polaris-Frame__Content valgt skal du kigge under fanen Styles
  2. Find egenskaben position: fixed, og fjern fluebenet fra den
Dette bør låse siden op og lade dig scrolle gennem layoutet igen.

​
Fjern den ugyldige HTML

Nu hvor layoutet er tilgængeligt igen:
  1. Rul til feltet Custom HTML
  2. Kig efter ødelagt HTML eller indlejret CSS, der kan have forårsaget problemet
Eksempel på, hvad der typisk ødelægger layoutet:
  1. Kopiér indholdet et andet sted hen som backup, og slet det derefter
  2. Gem dine ændringer

​
Bekræft, at det er løst

Efter at have gemt bør Cart Editor indlæses normalt igen. Hvis problemet fortsætter, skal du tjekke igen for tilbageværende ugyldige tags eller kontakte forhandleren for at bekræfte, hvad der blev tilføjet.

​
Bedste praksis for at forebygge dette problem

  • Indsæt kun komplet og gyldig HTML
  • Undgå at tilføje inline <style>-blokke direkte i HTML-placeringer
  • Brug sektionen Custom CSS i stedet for at tilføje CSS i HTML-felter
  • Forhåndsvis altid dine ændringer i Sandbox-tilstand, hvis du er i tvivl