Liquid, JavaScript, Themes
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
Gelöst! Zur Lösung
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:
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
Ist es vielleicht möglich mit dem alt-text zu arbeiten? z.B wenn alt-text enthhät 2, dann zeige das metafeld an?
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:
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
Benutzer | RANKING |
---|---|
18 | |
12 | |
11 | |
10 | |
8 |
Online-Marketing für einen Shopify-Shop kann manchmal wie ein Minenfeld erscheinen und vie...
By Gabe Dec 1, 2023In diesem Leitartikel werden wir erläutern, warum es wichtig ist, dein Shop als vertrauens...
By Kai Oct 25, 2023Dieser Blog-Beitrag ist eine Zusammenfassung des Webinars Vorbereitung auf BFCM: ein Webi...
By Jacqui Oct 10, 2023