Shopify metafelder

[PhilippOcculto]

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

[PhilippOcculto]

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 · Accepted solution]

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! 😉