FROM CACHE - de_header
Gelöst

Shopify metafelder

PhilippOcculto
Entdecker
30 1 2

Unbenannt.PNG

 

Hey, ich hab mit einem Code den Text unter den Bildern geschrieben, wobei der Text ein Produktmetafeld ist.

 

Jetzt wollte ich fragen, wie ich unter jedem Bild einen anderen Text anzeigen lassen kann, da die Bilder mit einer Schleife erstellt werden.

 

Viele Grüße

Philipp

1 AKZEPTIERTE LÖSUNG
Gabe
Shopify Staff
16846 2673 3942

Erfolg.

Hey @PhilippOcculto 

 

Danke für die Angaben und ggf. kann man den Alt-Text der Bilder verwenden, um unterschiedliche Texte anzuzeigen. Dies erfordert ein gewisses Maß an Programmierkenntnissen, aber die Grundidee ist folgende:

  • Wenn du das Bild einfügst, setze den Alt-Text des Bildes auf den Wert, den du verwenden möchtest, um den entsprechenden Metafeldtext auszuwählen.
  • Im Shopify-Theme verwende Liquid, um den Alt-Text des Bildes abzurufen und dann den entsprechenden Metafeldtext auszuwählen.

Hier eine Beispiel For-Schleife:

 

{% for image in product.images %}
  <img src="{{ image | img_url: 'medium' }}" alt="{{ image.alt | escape }}">
  {% if image.alt contains '2' %}
    {{ product.metafields.global.custom_text_2 }}
  {% elsif image.alt contains '3' %}
    {{ product.metafields.global.custom_text_3 }}
  {% else %}
    {{ product.metafields.global.default_text }}
  {% endif %}
{% endfor %}

 

In diesem Beispiel wird durch alle Bilder des Produkts iteriert. Für jedes Bild wird geprüft, ob der Alt-Text '2' oder '3' enthält. Wenn ja, wird der entsprechende Metafeldtext angezeigt. Wenn nicht, wird ein Standardtext angezeigt.

 

Bitte beachte, dass dieser Code stark vereinfacht ist und möglicherweise angepasst werden muss, und gerne kann ich Experten empfehlen, die das für dich machen können. Man muss insbesondere sicherstellen, dass die Namen der Metafelder korrekt sind (ich habe in diesem Beispiel custom_text_2, custom_text_3 und default_text verwendet, aber die tatsächlichen Namen hängen von der Konfiguration ab).

 

Hoffe das hilft! 😉

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Lösung in ursprünglichem Beitrag anzeigen

2 ANTWORTEN 2

PhilippOcculto
Entdecker
30 1 2

Ist es vielleicht möglich mit dem alt-text zu arbeiten? z.B wenn alt-text enthhät 2, dann zeige das metafeld an?

Gabe
Shopify Staff
16846 2673 3942

Erfolg.

Hey @PhilippOcculto 

 

Danke für die Angaben und ggf. kann man den Alt-Text der Bilder verwenden, um unterschiedliche Texte anzuzeigen. Dies erfordert ein gewisses Maß an Programmierkenntnissen, aber die Grundidee ist folgende:

  • Wenn du das Bild einfügst, setze den Alt-Text des Bildes auf den Wert, den du verwenden möchtest, um den entsprechenden Metafeldtext auszuwählen.
  • Im Shopify-Theme verwende Liquid, um den Alt-Text des Bildes abzurufen und dann den entsprechenden Metafeldtext auszuwählen.

Hier eine Beispiel For-Schleife:

 

{% for image in product.images %}
  <img src="{{ image | img_url: 'medium' }}" alt="{{ image.alt | escape }}">
  {% if image.alt contains '2' %}
    {{ product.metafields.global.custom_text_2 }}
  {% elsif image.alt contains '3' %}
    {{ product.metafields.global.custom_text_3 }}
  {% else %}
    {{ product.metafields.global.default_text }}
  {% endif %}
{% endfor %}

 

In diesem Beispiel wird durch alle Bilder des Produkts iteriert. Für jedes Bild wird geprüft, ob der Alt-Text '2' oder '3' enthält. Wenn ja, wird der entsprechende Metafeldtext angezeigt. Wenn nicht, wird ein Standardtext angezeigt.

 

Bitte beachte, dass dieser Code stark vereinfacht ist und möglicherweise angepasst werden muss, und gerne kann ich Experten empfehlen, die das für dich machen können. Man muss insbesondere sicherstellen, dass die Namen der Metafelder korrekt sind (ich habe in diesem Beispiel custom_text_2, custom_text_3 und default_text verwendet, aber die tatsächlichen Namen hängen von der Konfiguration ab).

 

Hoffe das hilft! 😉

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog