In this video tutorial we will see the theme architecture for a Shopify Liquid Theme. This will help us better understand what each directory is doing and what files should go in each.
🟢 My links
- Website - https://stackingcontext.com
- Support This Project - https://stackingcontext.com/support
- Let's work together - https://stackingcontext.com#contact
- Get Early Access To New Videos - https://www.youtube.com/@stackingcontext/join
Resources
• Liquid Tutorial - https://youtu.be/Oc9zCbsN5Q4
• Liquid Theme Architecture Documentation - https://shopify.dev/docs/themes/architecture
• Section Input Settings - https://shopify.dev/docs/themes/architecture/settings/input-settings
• Integrate a Liquid Theme with Git - https://youtu.be/1dznKWXkL3E
• Liquid Template Types - https://shopify.dev/docs/themes/architecture/templates#template-types
• Deprecating the Include tag and Introducing the Render Tag - https://shopify.dev/changelog/deprecating-the-include-liquid-tag-and-introducing-the-render-tag
Timestamps
00:00:00 - Introduction
00:02:51 - Snippets Directory
00:08:49 - Assets Directory
00:12:04 - Layout Directory
00:18:18 - Sections Directory
00:20:57 - Section Schema
00:23:45 - Section Settings
00:26:11 - Section Blocks
00:28:30 - Creating a Section
00:41:24 - Section's Data
00:44:40 - Templates
00:50:20 - Creating a json template
00:59:00 - Liquid templates
01:05:15 - Config Directory
01:14:18 - Locales Directory
