Syntax Fehler im Html Code

[Zubeyde]

Hallo,

ich habe eine Frage bezüglich eines HTML Codes. Ich habe eine E-Mail in der App OrderlyEmails erstellt und den Code bei Shopify Email eingefügt. Es wird ein Syntax Fehler in dem Code unten angezeigt, welches sich um mein Logo handelt. Ich habe mit dem Shopify E-Mail Support geredet, aber leider konnten Sie mir hier nicht helfen. Und selber bin ich auch nich weitergekommen.

Kann mir vielleich jemand behilflich sein?

Vielen Dank im Voraus.

Zübeyde

Es geht um den roten Bereich: (Syntax ist nicht gültig)

<!-- BEGIN : SECTION : HEADER -->
<table class="section_wrapper header" data-id="header" id="section-header" border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%; direction: ltr;" role="presentation" bgcolor="#ffffff">
<tr>
<td class="section_wrapper_th" style="mso-line-height-rule: exactly; padding-top: 22px; padding-bottom: 0;" bgcolor="#ffffff">
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%; direction: ltr;" role="presentation">
<tr>
<th class="column_logo" style="mso-line-height-rule: exactly; padding-top: 11px; padding-bottom: 11px;" align="center" bgcolor="#ffffff">
<!-- Logo : BEGIN -->
<a href="https://zoevega.com" target="_blank" style="color: #c3c3c3; text-decoration: none !important; text-underline: none;">
<img src="https://cdn.filestackcontent.com/api/file/uDGZ3R3JSViPW6bwtlRj/convert?fit=max&w=256" class="logo" width="128" border="0" style="width: 128px; height: auto !important; display: block; text-align: center; Margin: auto;">
</a>
<!-- Logo : END -->
</th>
</tr>
</table>
</td>
</tr>
</table>
<!-- END : SECTION : HEADER -->

[Gabe]

Hey @Zubeyde

Danke für den Code und hast du mit den OrderlyEmails App Entwickler reden können diesbzgl.?

Der gezeigte HTML-Code sieht eigentlich korrekt aus. Es gibt keine offensichtlichen Syntaxfehler im bereitgestellten Codeblock. Wenn Shopify einen Syntaxfehler anzeigt, könnte es einige Gründe dafür geben. Der Bildlink (Filestack) könnte von Shopify geblockt oder als unsicher eingestuft werden.

Manchmal können bestimmte E-Mail-Clients externe Links blockieren. Überprüfe, ob der Link korrekt und erreichbar ist, indem du ihn direkt in deinen Browser eingibst. Es könnte auch sein, dass Shopify bestimmte Attribute oder Styles nicht unterstützt, oder es könnte Einschränkungen für den HTML-Code geben, den man in eine E-Mail einfügen kann.

Hier ein paar weitere Schritte, die du versuchen kannst, um das Problem zu isolieren:

1. Vereinfachung: Entferne temporär einige Attribute des Bildes, um zu sehen, ob eines davon das Problem verursacht. Zum Beispiel könntest du zuerst den style-Teil entfernen und überprüfen, ob der Fehler immer noch angezeigt wird.

2. Lokale Ressource verwenden: Anstatt das Bild von Filestack zu laden, versuche, eine temporäre lokale Kopie des Bildes zu verwenden oder es direkt von deinem Shopify-Server im Inhalte Bereich zu laden (mit Shopify CDN Link).

3. Attribute überprüfen: Stelle sicher, dass alle Attribute und Werte korrekt formatiert sind. Zum Beispiel sollte der Wert für das width-Attribut keine Anführungszeichen haben, was hier korrekt ist.

Wenn du diese Schritte durchgeführt hast und immer noch Probleme hast, könnte es sein, dass das Problem nicht direkt mit dem bereitgestellten Code zu tun hat, sondern woanders in deinem gesamten E-Mail-Code liegt. Ein gründliches Durchgehen und Überprüfen des gesamten Codes könnte erforderlich sein, um sicherzustellen, dass alles in Ordnung ist.

Wenn du weitere Details oder HTML-Code Beispiele hast, kann ich dir vielleicht weiterhelfen.

VG,

[Zubeyde]

Hallo @Gabe ,

vielen lieben Dank.

Es lag an dem Filestack Link, wie du gesagt hast.

Ich habe den Filestack Link durch den Shopify-Server Link ersetzt und das Problem wurde gelöst. Eine sehr große Hilfe:)

LG

Zübeyde

[Gabe]