Problem: Ein Nutzer möchte für jedes Produkt individuelle Download-Links über ein Metafield einbinden, aber der HTML-Code wird als reiner Text angezeigt statt als funktionsfähiger Link.
Lösung: Der strip_html Filter muss aus dem Liquid-Code entfernt werden, damit HTML korrekt gerendert wird.
Technische Umsetzung:
<a href="URL">Download</a> im Metafield einfügen{{ product.metafields.global.downloads }} verwenden (ohne strip_html Filter)Wichtig: Nur valides HTML im Metafield eingeben, um Darstellungsfehler zu vermeiden.
Die Diskussion scheint gelöst, da eine konkrete Schritt-für-Schritt-Anleitung bereitgestellt wurde.
Hallo zusammen,
ich möchte für jedes meiner Produkte einen unterschiedlichen downloadbaren Link einfügen. Ich habe das Metafield “downloads” als Mehrzeiligen Text hinzugefügt. Dieses liquid dann in meinen Code eingefügt. Jetzt kann ich zwar den Link auf jeder Produktseite einzeln eingeben, doch er wird mir nur als HTML Text angezeigt.
Hey @STLESHOP
Um einen downloadbaren Link in einem Metafield in Shopify anzuzeigen und diesen funktionsfähig zu machen, musst du den HTML-Code, den du im Metafield eingibst, als solchen im Liquid-Code rendern und nicht als reinen Text. Hier ist ein einfacher Ansatz, wie du dies umsetzen kannst:
Du hast bereits ein Metafield mit dem Namen “downloads” erstellt und es als Mehrzeiligen Text definiert. Wenn du nun einen Download-Link hinzufügen möchtest, kannst du folgendes HTML in das Metafield einfügen:
Download
Ersetze URL_DEINES_DOWNLOADS durch den tatsächlichen Link zu deinem Download. An der Stelle, an der du den Link in deinem Theme anzeigen möchtest, füge einen Liquid-Code wie den folgenden ein:
{{ product.metafields.global.downloads | strip_html }}
Mit dem obigen Liquid-Code wird der Inhalt des Metafields als reiner Text und nicht als HTML gerendert. Um den HTML-Code aus dem Metafield korrekt zu rendern, musst du einfach das strip_html Filter entfernen:
{{ product.metafields.global.downloads }}
Durch das Entfernen des strip_html Filters wird der HTML-Code, den du in das Metafield eingefügt hast, korrekt im Theme gerendert und der Link wird klickbar.
Stelle sicher, dass du immer valides HTML in das Metafield eingibst, um Fehler oder unerwartete Darstellungen auf deiner Website zu vermeiden.
Hoffe das hilft dir weiter! 