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

# Sådan reparerer du et ødelagt Cart Editor-layout fra ugyldig HTML

> Reparation af appens brugerflade, hvis den ser ødelagt ud efter tilføjelse af brugerdefineret kode.

<div id="overview">
  # Oversigt
</div>

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.

<div id="what-causes-the-issue">
  ## Hvad forårsager problemet
</div>

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.

<div id="temporary-fix-using-developer-tools">
  ## Midlertidig løsning med Developer Tools
</div>

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

<div id="step-1-open-devtools">
  ## Trin 1: Åbn DevTools
</div>

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)

<div id="step-2-find-the-broken-layout-container">
  ## Trin 2: Find den ødelagte layoutcontainer
</div>

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:

   ```
   .Polaris-Page__Content--fullWidth
   ```
3. Gå seks niveauer op i hierarkiet, indtil du når:

   ```
   .Polaris-Frame__Content
   ```

<div id="step-3-disable-the-fixed-position">
  ## Trin 3: Deaktivér den faste position
</div>

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.

<div id="remove-the-invalid-html">
  ## Fjern den ugyldige HTML
</div>

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:

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

1. Kopiér indholdet et andet sted hen som backup, og slet det derefter
2. Gem dine ændringer

<div id="confirm-its-fixed">
  ## Bekræft, at det er løst
</div>

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.

<div id="best-practices-to-prevent-this-issue">
  ## Bedste praksis for at forebygge dette problem
</div>

* 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