Shopify theme experts, tutorials, and advice for theme development and HTML to Liquid programming.
A complete, beginner-friendly walkthrough for turning a static HTML block into a fully editable Shopify section — with schema, settings, blocks, and presets you can paste straight into your theme.
The mistakes that quietly break Shopify themes — deprecated tags and filters, missing nil-safety, hardcoded URLs, image CLS, invalid schema — each with the wrong code, the right code, and the Theme Check rule that catches it.
A complete, practical reference to every Shopify section and block input setting — basic inputs, specialized resource pickers, the color family, and metaobject settings — with the Liquid you write to read each value.
How to read metafields in Shopify themes the right way — the namespace/key access path, why you almost always need .value, working with list and JSON types, and the metafield filters that save you work.
Theme blocks are reusable, nestable blocks that live in their own /blocks folder and render with content_for. Here's how they differ from section blocks, how nesting and presets work, and when to use each.
Every section schema attribute explained — name, tag, class, limit, settings, blocks, max_blocks, presets, default, locales, enabled_on and disabled_on — with annotated examples and the rules you can't break.
A practical map of Shopify Liquid objects — global objects, resource objects, the forloop object, and where each is available — with nil-safe examples and the mistakes to avoid.
A quick and easy guide to converting HTML into Shopify Liquid sections using HTML2Liquid.
Should you let AI convert your HTML to Shopify Liquid, or do it manually? Here's a clear, practical breakdown of how each method works, what it's best at, and how to combine both for faster, cleaner sections.
A guide which takes you through the process of turning static HTML into dynamic Shopify Liquid sections we will cover how to structure schema, replace hard coded content, and improve your theme.
