Tabelle Theme Dawn mit Metafields

[headgear07]

Hallo zusammen,

ich erstelle momentan einen Shop für einen Winzer. Für jeden Wein gibt es verschiedene Werte wie Alkoholgehalt, Restsüße usw.

Hier habe ich schon Metafields erzeugt, das war kein Problem. Meine Frage ist jedoch, wie ich diese Metafields in einer Tabelle darstellen kann? Ich brauche 2 Spalten und dann ca. 14 Reihen. Bis jetzt habe ich noch nicht herausgefunden, wie ich das machen könnte. Es sollte vor allem eine einfache Lösung sein, da der Kunde die Weine in Zukunft selbst einpflegen möchte.

Ich habe auch schon diese Tabelle genutzt und nach Anleitung erstellt: https://webforward.github.io/shopify-tables/

In einer Spalte habe ich dann die Metafields wie zum Beispiel {{ product.metafields.custom.bukett.value }} eingegeben. Diese werden aber natürlich nicht als den eingetragenen Wert beim Produkt rausgegben. Hat jemand eine Idee wie sich das lösen lässt?

Beispiel wie es aussehen sollte:

Jahrgang	2022 {{ product.metafields.custom.jahrgang.value }}
Bezeichnung	Spätburgunder Rotwein
Weinart	Rotwein
Geschmack	halbtrocken
Rebsorte	blauer Spätburgunder

Danke für eure Hilfe!

[Gabe · Accepted solution]

Hey @headgear07 

Um die Metafelder in einer Tabelle im Dawn-Theme von Shopify darzustellen, kannst du den Liquid-Code im entsprechenden Template anpassen. Hier ist eine Schritt-für-Schritt-Anleitung, wie du dies umsetzen kannst:

Stelle sicher, dass du die Metafelder für deine Produkte angelegt hast. Zum Beispiel:

• product.metafields.custom.jahrgang
• product.metafields.custom.bezeichnung
• product.metafields.custom.weinart
• product.metafields.custom.geschmack
• product.metafields.custom.rebsorte

Öffne die product.liquid oder main-product.liquid Datei in deinem Theme-Editor und füge den folgenden Code hinzu, um die Tabelle mit den Metafeld-Werten darzustellen.

Beispiel für den Liquid-Code:

<table class="wine-details-table">
  <tr>
    <th>Eigenschaft</th>
    <th>Wert</th>
  </tr>
  <tr>
    <td>Jahrgang</td>
    <td>{{ product.metafields.custom.jahrgang }}</td>
  </tr>
  <tr>
    <td>Bezeichnung</td>
    <td>{{ product.metafields.custom.bezeichnung }}</td>
  </tr>
  <tr>
    <td>Weinart</td>
    <td>{{ product.metafields.custom.weinart }}</td>
  </tr>
  <tr>
    <td>Geschmack</td>
    <td>{{ product.metafields.custom.geschmack }}</td>
  </tr>
  <tr>
    <td>Rebsorte</td>
    <td>{{ product.metafields.custom.rebsorte }}</td>
  </tr>
  <!-- Weitere Metafelder hier hinzufügen -->
</table>

Füge etwas CSS hinzu, um die Tabelle ansprechend zu gestalten:

.wine-details-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.wine-details-table th, .wine-details-table td {
  border: 1px solid #ddd;
  padding: 8px;
}

.wine-details-table th {
  background-color: #f2f2f2;
  text-align: left;
}

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,

vielen Dank dir! Hat super funktioniert 😍

[Gabe]