Liquid, JavaScript, Themes
Liebe Community,
ich hatte bereits bei den Metafeldern für die Produktseite ein Metafeld angelegt, bei dem man eine (Bild-)Datei auswählen kann.
Die Verknüpfung bei der Produktseite im Theme erfolgte mittels folgendem Code:
{{ product.metafields.custom.nachhaltigkeit | img_url: '100x100' | img_tag }}
Dies funktioniert wunderbar und die Datei (bei mir ein Bild) wird im Frontend korrekt angezeigt (siehe Bil
Wenn ich aber bei den Metafeldern für die Produktseite ein Metafeld anlegen möchte, bei dem man aus einer Dateiliste auswählen kann, also z.B. mehrere Bilder, dann wird dies mit dem genannten Code nicht im Frontend sichtbar. Es erscheint lediglich die 'no image'-Vorlage.
Muss man hier eine andere Verknüpfung im Theme bei dem benutzerdefinierten Liquid angeben? Wenn ja, weiß jemand wieder dieser lautet?
Ich freue mich über euren Support! Vielleicht kennt sich hierbei jemand besser aus... 😅
Hey @GrüneLiesl
Danke für die tollen Angaben und passiert das auch nachdem du den Browser Cache entleert hast?
Hmmm, da Listenbasierte mfdfs ein Array sind benötigt man eine Logik zur Anzeige, wie hier erklärt wird. Wenn es mehrere Bilder gibt, und die Standardwerte nicht vorausgefüllt sind, sollten sie entweder über die Dateiverwaltung oder in den Assets eines Themes als Themeneinstellung für diese Vorlagen oder als Shop-Metafeld usw. verwendet werden.
du könntest auch versuchen das Metafeld "Dateiliste" zu verwenden und die Bilder als URLs im Metafeld zu speichern. Im Theme dann die URLs mit einer Schleife durchlaufen und die Bilder im Frontend ausgeben mit einem Code wie:
{% for image in product.metafields.custom.bilder %}
<img src="{{ image }}" alt="">
{% endfor %}
Dabei wird für jedes Bild in der Dateiliste eine img
-Tag generiert, welches die entsprechende URL als src
-Attribut verwendet. Den Code muss man nur entsprechend anpassen, um die Bilder auf die gewünschte Weise darzustellen (z.B. Größe, Format, etc.).
Um Hilfe dabei zu erhalten, kannst du dich an den Shopify-Theme-Support wenden, wenn du ein Shopify-Theme verwendest und noch Designtime übrig hast. Für Themes von Drittanbietern wende dich am besten an den Theme-Entwickler.
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 |
---|---|
12 | |
11 | |
10 | |
9 | |
9 |
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