In today's e-commerce landscape, clear, detailed product information is often decisive for the success of an online store. Whether you want to display dynamic model measurements with appropriate size charts or present partners, brands, and influencers on your website, Shopify's MetaFields and MetaObjects offer powerful, easy-to-manage solutions — without complicated JSON code.
Let's start right away.
MetaFields allow you to add additional custom content to your products — such as dimensions, materials, or notes.
MetaObjects go one step further: They are structured, reusable data sets, ideal for complex information such as model profiles.
Instead of manually maintaining large JSON structures, you can simply define, fill out, and update fields via the Shopify admin.
This structured form ensures clean, consistent data entry for your entire team.
To show model data on product pages, create a product-level MetaField that references the model handle.
Create MetaField:
custommodel_handleWhen editing a product, simply enter the appropriate handle.
Add the following liquid code to your product template (e.g. product.liquid):
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 %}
Explanation:
The code retrieves the model handle from the product MetaField, loads the corresponding MetaObject and outputs its fields to the frontend. Fallback messages ensure a clean user experience, even when data is missing.
In addition to model data, MetaObjects also allows you to clearly manage partners, brands or influencers and present them on your own page — an important lever for trust and brand loyalty.
This allows your marketing team to maintain profiles without editing the code.
Create a new page template, such as partners.liquid, and paste in this liquid code:
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>
Explanation:
The code goes through all partner MetaObjects, shows their image, name, biography, and social links, and allows easy updates directly in the Shopify admin.
With Shopify MetaFields and MetaObjects, you can manage important product details and partner information dynamically and without complex JSON structures. Teams without previous technical knowledge maintain content directly in the admin, while your theme renders the data cleanly and automatically on the frontend.
In this way, you reduce returns, strengthen brand trust and create a data-rich, customer-oriented shopping experience — flexibly scalable for all future expansions of your Shopify store.
UNHYDE is a Shopify agency from Munich, specialized in web development, UX design and digital brand management. Our goal is to create high-performance, scalable platforms that deliver measurable results. As a certified Shopify partner, UNHYDE has already successfully implemented numerous international web shops and websites.
For customized solutions related to MetaFields, theme optimization and scalable data structures, contact us at hello@unhyde.me.
Get in touch
contact now
