Skip to main content

​
Überblick

Wenn ungültiges oder fehlerhaftes HTML in das Custom-HTML-Feld des Cart Editors eingefügt wird, kann das das Layout beschädigen und die Editor-Oberfläche unbenutzbar machen. Diese Anleitung zeigt dir, wie du das Layout vorübergehend reparierst, damit du den fehlerhaften Code sicher entfernen und die volle Funktionalität wiederherstellen kannst.

​
Was das Problem verursacht

Dieses Problem tritt normalerweise auf, wenn ein Händler:
  • <style>- oder <script>-Tags ohne korrekte Struktur einfügt
  • HTML-Tags nicht schließt oder falsch verschachtelt
  • Layout-zerstörende Inhalte in das Custom-HTML-Feld einfügt
Infolgedessen wird der Cart Editor unlesbar oder unbenutzbar und kann Benutzer daran hindern, die Seite zu bearbeiten oder überhaupt zu scrollen.

​
Vorübergehende Lösung mit den Entwicklertools

Folge diesen Schritten, um das Layout mit den Entwicklertools deines Browsers vorübergehend zu reparieren, damit du auf das Custom-HTML-Feld zugreifen kannst.

​
Schritt 1: DevTools öffnen

  1. Öffne den Cart Editor in der Upcart-App
  2. Klicke mit der rechten Maustaste irgendwo auf die Seite und wähle Untersuchen, oder drücke:
    • Cmd + Option + I (Mac)
    • Ctrl + Shift + I (Windows)

​
Schritt 2: Den defekten Layout-Container finden

  1. Klicke im Tab Elements der DevTools auf das Auswahlwerkzeug (obere linke Ecke der DevTools)
  2. Fahre mit der Maus über das Layout des Cart Editors und finde den grün hervorgehobenen Bereich links neben dem Einstellungsfeld. Er sollte folgendermaßen beschriftet sein:
  3. Gehe sechs Ebenen in der Hierarchie nach oben, bis du Folgendes erreichst:

​
Schritt 3: Die fixe Positionierung deaktivieren

  1. Sieh dir mit ausgewähltem .Polaris-Frame__Content den Tab Styles an
  2. Finde die Eigenschaft position: fixed und deaktiviere sie
Das sollte die Seite entsperren und dir wieder ermöglichen, durch das Layout zu scrollen.

​
Das ungültige HTML entfernen

Da das Layout jetzt wieder zugänglich ist:
  1. Scrolle zum Feld Custom HTML
  2. Suche nach fehlerhaftem HTML oder eingebettetem CSS, das das Problem verursacht haben könnte
Beispiel dafür, was typischerweise das Layout beschädigt:
  1. Kopiere den Inhalt als Backup an einen anderen Ort und lösche ihn dann
  2. Speichere deine Änderungen

​
Bestätigen, dass es behoben ist

Nach dem Speichern sollte der Cart Editor wieder normal geladen werden. Wenn das Problem weiterhin besteht, prüfe erneut auf verbliebene ungültige Tags oder wende dich an den Händler, um zu klären, was hinzugefügt wurde.

​
Best Practices zur Vermeidung dieses Problems

  • Füge nur vollständiges und gültiges HTML ein
  • Vermeide es, Inline-<style>-Blöcke direkt in HTML-Bereiche einzufügen
  • Verwende den Abschnitt Custom CSS, anstatt CSS in HTML-Felder einzufügen
  • Sieh dir deine Änderungen im Zweifelsfall immer im Sandbox-Modus in der Vorschau an