FROM CACHE - de_header

Tabelle Theme Dawn mit Metafields

Gelöst

Tabelle Theme Dawn mit Metafields

headgear07
Besucher
3 0 0

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:

 

Jahrgang2022 {{ product.metafields.custom.jahrgang.value }} 
BezeichnungSpätburgunder Rotwein
WeinartRotwein
Geschmackhalbtrocken
Rebsorteblauer Spätburgunder

 

Danke für eure Hilfe!

1 AKZEPTIERTE LÖSUNG

Gabe
Shopify Staff
18309 2876 4237

Erfolg.

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.

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

Lösung in ursprünglichem Beitrag anzeigen

3 ANTWORTEN 3

Gabe
Shopify Staff
18309 2876 4237

Erfolg.

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.

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

headgear07
Besucher
3 0 0

Hallo Gabe,

 

vielen Dank dir! Hat super funktioniert 😍

Gabe
Shopify Staff
18309 2876 4237

giphy

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