Shopify Theme Development - Sections Tutorial

In this video we will take a comprehensive look at Shopify Sections for building Shopify Themes with Liquid. Sections let us create customizable modules that merchants can add and customize to the different pages on
their store.

Resources
• Liquid Tutorial -    • Shopify Theme Development - Liquid Fu...  
• Shopify Sections Documentation - https://shopify.dev/docs/themes/archi...
• Shopify Input Settings Documentation - https://shopify.dev/docs/themes/archi...
• Section Groups Documentation - https://shopify.dev/docs/themes/archi...
• Shopify Fonts - https://shopify.dev/docs/themes/archi...
• Template Types - https://shopify.dev/docs/api/liquid/o...
• Section Object Documentation - https://shopify.dev/docs/api/liquid/o...
• Product Object Documentation - https://shopify.dev/docs/api/liquid/o...
• Collection Object Documentation - https://shopify.dev/docs/api/liquid/o...
• Page Object Documentation - https://shopify.dev/docs/api/liquid/o...
• Article Object Documentation - https://shopify.dev/docs/api/liquid/o...
• Blog Object Documentation - https://shopify.dev/docs/api/liquid/o...
• Link List Object Documentation - https://shopify.dev/docs/api/liquid/o...


Timestamps

00:00:00 - Introduction
00:01:28 - Sections Overview
00:05:50 - Creating a Section
00:06:12 - The Section Schema
00:13:10 - Section Input Settings
00:16:14 - Textarea Settings
00:18:47 - Richtext Settings
00:23:04 - Inline Richtext Settings
00:24:11 - Number Settings
00:25:25 - Range Settings
00:27:40 - Select Settings
00:31:35 - Checkbox Settings
00:33:09 - Radio Settings
00:34:46 - Color Settings
00:37:08 - Color Background Settings
00:39:19 - Image Picker Settings
00:43:03 - Video Settings
00:46:04 - Video URL Settings
00:48:09 - URL Settings
00:50:00 - HTML Settings
00:51:38 - Liquid Settings
00:53:29 - Product Settings
00:55:36 - Product List Settings
00:58:00 - Collection and Collection List Settings
01:00:59 - Page, Article, Blog and Link List Settings
01:02:02 - Text Alignment Settings
01:04:25 - Font Picker Settings
01:08:24 - Header Settings
01:09:33 - Links in Settings Info
01:10:08 - Section Blocks
01:25:10 - Section Groups
01:29:55 - The section Object
01:31:57 - Section Presets
01:38:06 - Detecting the Theme Editor
01:39:51 - Loading CSS and Javascript for a Section
01:48:50 - Final Thoughts