Shopify Guide 2025: Größentabelle hinzufügen mit Metafeldern (OS 2.0)

Hier ist ein detailliertes Tutorial, wie du im Jahr 2025 eine professionelle Größentabelle in deinen Shopify-Shop integrierst – und zwar individuell für jedes Produkt mithilfe von Metafeldern (Metafields).

Ein häufiges Problem bei Shopify: Wenn du eine Größentabelle direkt im Theme-Editor hinzufügst, wird oft dieselbe Tabelle bei allen Produkten angezeigt. Mit Metafeldern kannst du für jedes Produkt (z. B. T-Shirts vs. Schuhe) eine eigene Tabelle hinterlegen.

Warum Metafelder?

• Individuell: Unterschiedliche Tabellen pro Produkt/Kategorie.
• Professionell: Integration direkt im Theme-Layout (z. B. als ausklappbares Menü).
• Keine App nötig: Spart monatliche Kosten und schont die Ladezeit.

Schritt 1: Das Metafeld definieren

Zuerst müssen wir Shopify sagen, dass es ein neues Datenfeld für die Größentabelle gibt.

1. Gehe in deinem Shopify-Admin zu Einstellungen > Eigene Daten (Custom Data).
2. Klicke auf Produkte.
3. Klicke auf Definition hinzufügen.
4. Name: Gib Größentabelle ein.
5. Namespace und Schlüssel: Dies wird automatisch gefüllt (z. B. custom.grosstabelle).
6. Typ auswählen: Wähle "Seite" (Page).
   • Hinweis: Dies ist die flexibelste Methode, da du in einer Shopify-Seite Tabellen und Bilder kombinieren kannst.
7. Klicke auf Speichern.

Schritt 2: Die Inhalte erstellen (Seiten)

Da wir den Typ "Seite" gewählt haben, erstellen wir nun die eigentliche Tabelle.

1. Gehe zu Onlineshop > Seiten.
2. Erstelle eine neue Seite (z. B. "Größentabelle T-Shirts").
3. Füge dort deine Tabelle ein oder lade ein Bild der Maße hoch.
4. Speichere die Seite.
   • Wiederhole dies für alle verschiedenen Größentabellen, die du benötigst (z. B. eine Seite für Hosen, eine für Accessoires).

Schritt 3: Das Metafeld beim Produkt befüllen

Jetzt verknüpfen wir das Produkt mit der passenden Seite.

1. Gehe zu Produkte und öffne ein Produkt deiner Wahl.
2. Scrolle ganz nach unten zum Bereich Metafelder.
3. Dort siehst du nun dein Feld "Größentabelle".
4. Klicke hinein und wähle die entsprechende Seite aus, die du in Schritt 2 erstellt hast.
5. Klicke auf Speichern.

Schritt 4: Die Größentabelle im Theme anzeigen

Jetzt bringen wir die Daten auf die Produktseite.

1. Gehe zu Onlineshop > Themes.
2. Klicke bei deinem aktuellen Theme (z. B. Dawn) auf Anpassen (Customize).
3. Wähle im oberen Dropdown-Menü Produkte > Standardprodukt.
4. Klicke in der linken Seitenleiste im Abschnitt "Produktinformationen" auf Block hinzufügen.
5. Wähle entweder "Ausklappbare Reihe" (Collapsible Row) oder "Pop-up".
   • Empfehlung: "Ausklappbare Reihe" wirkt sehr modern.
6. Konfiguriere den Block:
   • Überschrift: "Größentabelle".
   • Icon: Wähle ein passendes Icon (z. B. ein Lineal).
   • Reihen-Inhalt von einer Seite: Klicke NICHT auf "Seite auswählen", sondern auf das kleine Icon rechts daneben (Dynamische Quelle verbinden – sieht aus wie drei gestapelte Kreise mit einem Plus).
7. Wähle hier dein Metafeld Größentabelle aus.
8. Klicke auf Speichern.

Schritt 5: Testen

1. Öffne dein Produkt im Live-Shop.
2. Prüfe, ob die ausklappbare Reihe erscheint.
3. Wenn du ein anderes Produkt öffnest, bei dem du ein anderes Metafeld (oder gar keines) hinterlegt hast, sollte sich der Inhalt automatisch anpassen oder die Reihe leer bleiben (bzw. nicht angezeigt werden, wenn das Theme dies unterstützt).

Profi-Tipp für 2025:

• Bilder statt Text: Wenn du deine Größentabellen lieber als JPG/PNG hochlädst, wähle in Schritt 1 bei der Metafeld-Definition statt "Seite" einfach "Datei" (File) aus. Im Theme-Editor nutzt du dann einen Block, der Bilder unterstützt, und verknüpfst diesen ebenfalls über die "Dynamische Quelle".
• Sichtbarkeit: Wenn ein Produkt keine Größentabelle benötigt (z. B. Gutscheine), lasse das Metafeld bei diesem Produkt einfach leer. Die meisten modernen Themes (wie Dawn) blenden die ausklappbare Reihe dann automatisch aus.

Fertig! Du hast nun ein professionelles, dynamisches Größentabellen-System ohne zusätzliche App-Kosten erstellt.