Wie kann man im Multi-Line Text Metafield eine HTML Anzeigen

Deutsch Diskussion Technische Fragen & Antworten
, ,
1

Hallo, ich möchte mit dem Multi-Line Text Metafield eine HTML Anzeigen bzw. eine HTML in das Metafield z.B. Produkte oder Kategorie hinzufügen.

Dafür habe ich dieses Video gefunden ABER leider funktioniert es bei mir nicht.

Der Link zum VIDEO: How to Use the Multi-Line Text Metafield to Display HTML in Shopify - YouTube

Ich verwende diesen Code zum Beispiel:
{{collection.metafields.custom.1_frage.value}

Leider funktioniert es nicht. Ich weiß nicht wieso. Es wäre schön, wenn mir jemand behilflich sein könnte. LG

2

Hey @CanelErdic

Danke für die Frage und welches Theme verwendest du wenn ich fragen darf? Ggf. wären die Theme Entwickler hier die besten Ansprechpartner denn es kann anders für diverse Theme sein.

Auf 4:30 Min auf dem Videozähler deines YT Vids zeigt er auch wann es nicht geht in was für ein Feldtyp. Es muss halt Rich Text sein.

Aber einen Leitfaden habe ich gefunden wo dieses Thema besprochen wird, und da sieht man dass das ganze nicht so einwandfrei ist, wie man hier lesen kann. Poste deine Frage auch da und die anderen werden dir bestimmt Tipps geben zu wie du deinen Use-Case am besten erreichen kannst.

Du kannst auch HTML zu einem mehrzeiligen Text-Metafeld hinzufügen, indem du es als String von HTML-Entities kodierst. Um den HTML-Inhalt auf einer bestimmten Seite anzuzeigen, kannst du dann die Liquid Template Language verwenden (mehr dazu hier).

Hier ist ein Beispiel dafür, wie du einem mehrzeiligen Text-Metafeld HTML-Inhalt hinzufügen kannst:

  1. Navigiere zum Produkt, der du das Metafeld hinzufügen möchtest.
  2. Klicke in den “Metafields” Abschnitt.
  3. Erstelle ein neues Metafeld und wähle “Mehrzeiliger Text” als Feldtyp.
  4. Gib einen Key und einen Namespace für das Metafeld ein.
  5. Im “Value” Feld, fuege den HTML hinzu und kodiere es als HTML-Entities mit einem Tool wie diesem.
  6. Das metafield speichern.

Um den HTML-Inhalt auf einer Seite anzuzeigen, kannst du den folgenden Liquid-Code verwenden:

{% assign my_html = '{Metafield value}' | replace: '<', '<' | replace: '>', '>' | replace: '"', '"' %}
{{ my_html | strip_html | escape }}

Beachte, dass die Verwendung des strip_html und escape Filter aus Sicherheitsgründen empfohlen wird, um zu verhindern, dass bösartige Skripte in deinem Laden ausgeführt werden.

Wichtig: Wir empfehlen das obige immer zuerst in einer Testumgebung zu testen!

Habt ihr schon über Ostern nachgedacht? Warum nicht etwas “Easter Egg Gamification” im Vorfeld Osterns in den Shop einbauen? Man kann z. B. eine Annonce auf der Homepage zeigen, dass Oster Eier im Shop versteckt sind und wenn diese gefunden werden, werden sie automatisch als Geschenk zum Warenkorb ergänzt. Gerne können wir hier weiter darüber plaudern!

Lass wissen, wenn du weitere Fragen hast zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

giphy