In der heutigen E-Commerce-Landschaft entscheiden klare, detaillierte Produktinformationen oft über den Erfolg eines Online-Stores. Ob du dynamische Model-Maße mit passenden Größentabellen anzeigen oder Partner, Marken und Influencer auf deiner Website präsentieren möchtest – Shopifys MetaFields und MetaObjects bieten dafür leistungsstarke, einfach zu verwaltende Lösungen – ganz ohne komplizierten JSON-Code.
In diesem Leitfaden erfährst du:
Lass uns direkt starten.
MetaFields ermöglichen es dir, zusätzlichen individuellen Inhalt zu deinen Produkten hinzuzufügen – etwa Maße, Materialien oder Hinweise.
MetaObjects gehen noch einen Schritt weiter: Sie sind strukturierte, wiederverwendbare Datensätze, ideal für komplexe Informationen wie Model-Profile.
Anstatt große JSON-Strukturen manuell zu pflegen, kannst du über den Shopify Admin einfach Felder definieren, ausfüllen und aktualisieren.
Schritt 1: MetaObject „Model“ definieren
Diese strukturierte Form gewährleistet eine saubere, einheitliche Dateneingabe für dein gesamtes Team.
Schritt 2: Model-Daten befüllen
Beispiel für „Model A“:
Um Model-Daten auf Produktseiten zu zeigen, erstellst du ein MetaField auf Produktebene, das den Model-Handle referenziert.
MetaField anlegen:
custommodel_handle
Beim Bearbeiten eines Produkts gibst du dann einfach den passenden Handle ein.
Ergänze dein Produkt-Template (z. B. product.liquid) um folgenden Liquid-Code:
liquid:
{% comment %}
Retrieve the model reference from the product's metafield.
This assumes the metafield 'custom.model_handle' contains the model’s handle.
{% endcomment %}
{% assign model_handle = product.metafields.custom.model_handle %}
{% if model_handle %}
{% assign model = shop.metaobjects.models[model_handle.value] %}
{% if model %}
<div class="model-attributes">
<h3>Our Model: {{ model.fields.name.value }}</h3>
<p>Height: {{ model.fields.height.value }}</p>
<p>Wearing Size: {{ model.fields.wearing_size.value }}</p>
<p>Bust: {{ model.fields.bust.value }}</p>
<p>Waist: {{ model.fields.waist.value }}</p>
<p>Hips: {{ model.fields.hips.value }}</p>
</div>
{% else %}
<p>No model data available.</p>
{% endif %}
{% else %}
<p>Model information not set for this product.</p>
{% endif %}
Erklärung:
Der Code ruft das Model-Handle aus dem Produkt-MetaField ab, lädt das entsprechende MetaObject und gibt dessen Felder im Frontend aus. Fallback-Meldungen sorgen für ein sauberes Nutzererlebnis, auch wenn Daten fehlen.
Neben Modeldaten kannst du mit MetaObjects auch Partner, Marken oder Influencer übersichtlich verwalten und auf einer eigenen Seite darstellen – ein wichtiger Hebel für Vertrauen und Markenbindung.
Schritt 1: MetaObject „Partner“ definieren
So kann dein Marketingteam Profile pflegen, ohne den Code zu bearbeiten.
Schritt 2: Partnerdaten einpflegen
Beispiel:
Erstelle ein neues Seiten-Template, z. B. partners.liquid, und füge diesen Liquid-Code ein:
liquid:
<div class="partners">
<h2>Our Partners & Influencers</h2>
{% for partner in shop.metaobjects.partners %}
<div class="partner-profile">
{% if partner.fields.image_url.value %}
<img src="{{ partner.fields.image_url.value }}" alt="{{ partner.fields.name.value }}">
{% endif %}
<h3>{{ partner.fields.name.value }}</h3>
<p>{{ partner.fields.bio.value }}</p>
<div class="social-links">
{% if partner.fields.instagram.value %}
<a href="{{ partner.fields.instagram.value }}" target="_blank">Instagram</a>
{% endif %}
{% if partner.fields.twitter.value %}
<a href="{{ partner.fields.twitter.value }}" target="_blank">Twitter</a>
{% endif %}
</div>
</div>
{% endfor %}
</div>
Erklärung:
Der Code durchläuft alle Partner-MetaObjects, zeigt deren Bild, Namen, Biografie und Social Links an und erlaubt einfache Updates direkt im Shopify Admin.
Mit Shopify MetaFields und MetaObjects kannst du wichtige Produktdetails und Partnerinformationen dynamisch und ohne komplexe JSON-Strukturen verwalten. Teams ohne technische Vorkenntnisse pflegen Inhalte direkt im Admin, während dein Theme die Daten sauber und automatisch im Frontend rendert.
So reduzierst du Retouren, stärkst Markenvertrauen und schaffst ein datenreiches, kundenorientiertes Einkaufserlebnis – flexibel skalierbar für alle zukünftigen Erweiterungen deines Shopify Stores.
UNHYDE ist eine Shopify-Agentur aus München, spezialisiert auf Webentwicklung, UX-Design und digitale Markenführung. Unser Ziel ist es, performante, skalierbare Plattformen zu schaffen, die messbare Ergebnisse liefern. Als zertifizierter Shopify Partner hat UNHYDE bereits zahlreiche internationale Webshops und Websites erfolgreich umgesetzt.
Für maßgeschneiderte Lösungen rund um MetaFields, Theme-Optimierung und skalierbare Datenstrukturen kontaktiere uns unter hello@unhyde.me.
Get in touch
contact now