Metaobject mehrere Bilder

[headgear07]

Hallo zusammen,

ich habe ein Problem 🙂

Und zwar habe ich ein Metaobject "Auszeichnungen" angelegt und hier mehrere Einträge gemacht, die jeweils nur ein Bild enthalten. Das sind die Auszeichnungsicons für Weine. Wenn ich nur eine Auszeichnung auswählen möchte, klappt das wunderbar. Nun ist es aber so, dass ein Wein mehrere Auszeichnungen gleichzeitig haben kann.

Nun zu meinem Problem: Ich weiß nicht, was ich im Theme-Editor auswählen kann, damit ich das darstellen kann? Geht das überhaupt mit Bildern oder muss man gar ein neues Snippet erstellen und dann mit dem Theme verknüpfen? Falls ja, kann mir hier jemand einen Ansatz geben? Ich benutze Dawn (neueste Version).

Vielen Dank euch 🙂

[Gabe]

Hey @headgear07 

Ich sehe was du meinst und ggf. ist das ein Limit unseres Free Dawn Themes. Hast du unsere Premium Themes getestet, um zu 👀, ob die besser machen können? Bei so einem Fall wäre auch ein befristeter Vorschaulink oder Link zu einem Beispiel sehr hilfreich das schneller zu analysieren.

Nicht vergessen, bei einem Shopify Free Theme kann das auch unser Support 👁️. Um dir dabei behilflich zu sein, wird unser Team das 👀 müssen. Hast du bereits ein Ticket bei unserem Support-Team geöffnet? 

Falls nicht, sende bitte eine E-Mail an unseren Support wie hier demonstriert von der E-Mail-Adresse, die du zur Anmeldung in deinem Shopify-Shop verwendest, und gib deine myshopify.com-URL da auch ein. Sobald die dein Konto authentifiziert haben, können sie dir weiterhelfen.

Desweiteren

Um mehrere Bilder aus einem Metaobject in deinem Shopify Dawn-Theme anzuzeigen, kannst du die folgenden Schritte probieren:

Schritt 1: Metaobject mit mehreren Einträgen erstellen

Erstelle ein neues Metaobject und füge dort die Bilder der Auszeichnungen als Einträge hinzu.

1. Gehe zu deinem Shopify Admin-Bereich.
2. Navigiere zu Einstellungen > Custom data > Metafields.
3. Wähle Produkte und klicke auf "Definition hinzufügen".
4. Erstelle eine neue Definition (z.B. "Auszeichnungen") und füge ein Feld für das Bild hinzu.
5. Stelle sicher, dass die Definition als "Liste von Einträgen" eingerichtet ist.

Schritt 2: Zuweisen der Metaobjects zu Produkten

Füge den Produkten die entsprechenden Metaobject-Einträge hinzu.

1. Gehe zu deinem Shopify Admin-Bereich.
2. Wähle die Produkte aus, denen du die Auszeichnungen zuweisen möchtest.
3. Scroll nach unten zum Abschnitt Metafelder und wähle die erstellte Definition aus.
4. Füge die Auszeichnungsbilder hinzu.

Schritt 3: Anpassen des Themes zur Anzeige der Metaobjects

Bearbeite die product-template.liquid oder erstelle ein neues Snippet, um die Bilder anzuzeigen.

1. Gehe zu Online Store > Themes > Actions > Edit code.
2. Finde die Datei main-product.liquid oder erstelle ein neues Snippet (z.B. custom-awards.liquid).
3. Füge den folgenden Code hinzu, um die Metaobject-Bilder anzuzeigen:

{%- assign awards = product.metafields.custom.auszeichnungen -%}

{% if awards != blank %}
  <div class="product-awards">
    {% for award in awards %}
      <img src="{{ award.image | img_url: '300x300' }}" alt="Auszeichnung">
    {% endfor %}
  </div>
{% endif %}

Falls du ein Snippet erstellt hast, binde es in die Produktseite ein.

1. Öffne die Datei main-product.liquid unter Sections.
2. Füge das Snippet an der gewünschten Stelle ein:

{% render 'custom-awards' %}

Hoffe das hilft dir weiter - lass wissen falls nicht! 😉

---
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!

Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

[headgear07]

Hallo Gabe, danke für deine schnelleHilfe. Den Support habe ich noch nicht angefragt.

Ich habe deine Anleitung befolgt, eimal mit Metaobjekte und einmal mit Metafields aber die Bilder werden nicht angezeigt. Ich habe mal ein CSS für die Klasse products-awards erstellt. Wenn ich das Snippet über das Theme als benutzerdefiniertes Liquid in der Produktvorlage rendern lasse, wird mein CSS angezeigt (z.B. Schatten) aber die Auszeichnungsbilder werden nicht angezeigt. Hast du noch einen anderen Vorschlag oder eine Idee woran das liegen könnte? Falls nicht, werde ich den Support kontaktieren 🙂 Danke dir!

[Gabe]

Hey @headgear07 

Das ist von hier aus schwer zu sagen leider. Es muss somit ein Experte einen Deep-Dive in dein Theme machen. Aber sende das mal an uns. Wenn die nicht weiterhelfen können dann kann ich gerne eine Experten empfehlen.

VG,