Published On Dec 3, 2023
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.
Resources
• Liquid Tutorial - • Shopify Theme Development - Liquid Fu...
• Liquid Theme Architecture Documentation - https://shopify.dev/docs/themes/archi...
• Section Input Settings - https://shopify.dev/docs/themes/archi...
• Integrate a Liquid Theme with Git - • Shopify Theme Development - Introduct...
• Liquid Template Types - https://shopify.dev/docs/themes/archi...
• Deprecating the Include tag and Introducing the Render Tag - https://shopify.dev/changelog/depreca...
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