Shopify Theme Development - Liquid Theme Architecture
Stacking Context - Shopify Development Tutorials Stacking Context - Shopify Development Tutorials
2.21K subscribers
6,238 views
206

 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

show more

Share/Embed