Custom CMS hack with Metaobjects for dynamic page content! (No template chaos)

One of the most requested features I encounter with merchants is the ability to have full dynamic control over content. Typical examples are:

- Different images and copy for different product pages
- Different SEO content for different collections
- Custom blog article layout

The problem?

Section and block settings are the same across all instances of a template. For example, images, texts, and other content for the standard product template will be the same for each product.
Yes, you can use dynamic sources, but this is often pretty limited.

What can you do then to create custom content for each individual resource?

The solution 99% of developers will use is to create multiple templates for each resource.

Why this is bad:

❌ Template chaos in the editor
❌ High maintenance
❌ Small global adjustments take ages

Templates are only useful if you have fundamentally different layout structures for a resource. For example, you have a standard product page and a product landing page for black friday - totally different structure.

But only for dynamic content? Try out metaobjects 😎

By creating metaobjects as "sections" that hold the content and use metafields to connect this content to a resource, you now have this:

✅ Low maintenance
✅ Faster adjustments
✅ Content maintenance on resource basis - not template basis

With this approach, you give the merchant a highly dynamic option to edit content based on the resource, without template-hopping.

For a detailed setup, check out the slides!

Back to blog

Want to learn more?

Join my Shopify developer course programm and bring your skills to the next level!

Join now