Shopify Theme Development - Liquid Full Tutorial
In this comprehensive tutorial we'll see Liquid, Shopify's Template Engine, and see how to declare variables, use conditionals, loops, partials, filters and much more. Parts of this video are Shopify-specific, although the basics should still apply no matter where you're using Liquid.
Resources
Liquid Documentation - https://shopify.dev/docs/api/liquid
Liquid on Github - https://github.com/Shopify/liquid
Truthy and Falsy table - https://shopify.dev/docs/api/liquid/b...
Date Formatting Reference - https://ruby-doc.org/core-3.1.1/Time....
Liquid Filters - https://shopify.dev/docs/api/liquid/f...
Liquid Objects - https://shopify.dev/docs/api/liquid/o...
🟢 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 - / @stackingcontext
Timestamps
00:00:00 - Introduction
00:05:06 - Variables
00:08:56 - Comments
00:11:08 - Strings
00:12:25 - Numbers
00:13:21 - Booleans
00:14:00 - Nil/Null
00:15:50 - Arrays
00:19:06 - Objects
00:19:53 - Capture
00:23:10 - Conditionals
00:27:34 - Comparison operators
00:35:40 - The unless tag
00:38:35 - Logical Operators
00:40:48 - Operator Precedence
00:45:06 - The case tag
00:49:17 - The blank keyword
00:49:47 - Truthy and falsy values
00:51:34 - Looping
00:52:43 - Forloop variables
00:58:18 - Forloop else
01:00:05 - Forloop parameters
01:01:19 - Break and continue
01:02:49 - Looping through an arbitrary range
01:03:54 - Paginate
01:06:59 - Filters
01:08:01 - Arithmetic filters
01:09:27 - Converting a string to a number
01:10:58 - The modulo filter
01:12:41 - The absolute value filter
01:13:15 - Rounding filters
01:14:29 - At most and at least filters
01:15:39 - String filters
01:15:59 - Casing filters
01:16:38 - The append filter
01:17:12 - Filters order
01:18:01 - The strip filter
01:19:19 - The strip html filter
01:20:14 - The truncate filters
01:23:10 - The newline_to_br filter
01:24:02 - The replace and remove filters
01:25:49 - Creating arrays, the split filter
01:30:11 - Array filters
01:30:36 - The map filter
01:31:49 - The join filter
01:32:17 - The reverse filter
01:32:39 - The first, last, and size filters
01:34:11 - The sort filter
01:36:52 - The sum filter
01:37:32 - The where filter
01:39:06 - The uniq filter
01:41:12 - Shopify specific filters
01:42:19 - The json filter
01:43:25 - The default filter
01:44:31 - The highlight filter
01:45:29 - The date filter
01:47:42 - Color filters
01:48:52 - The color_darken and color_lighten filters
01:50:27 - The color_mix filter
01:51:51 - The color format convert filters
01:53:35 - The color contrast filter
01:55:07 - Image filters
01:59:15 - Accessing files from the assets folder
02:01:57 - The liquid tag
02:03:59 - The render tag
02:08:11 - Debugging in Liquid
02:09:25 - Debugging with Shopify Theme Console
02:11:25 - Final Thoughts
On this page of the site you can watch the video online Shopify Theme Development - Liquid Full Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Stacking Context - Shopify Development Tutorials 15 November 2023, share the link with friends and acquaintances, this video has already been watched 41,342 times on youtube and it was liked by 811 viewers. Enjoy your viewing!
