Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Shopify Theme Development - Liquid Full Tutorial
Play lesson

Learn Shopify Theme Development with Liquid - Shopify Theme Development - Liquid Full Tutorial

5.0 (4)
28 learners

What you'll learn

This course includes

  • 13.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

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/basics#truthy-and-falsy Date Formatting Reference - https://ruby-doc.org/core-3.1.1/Time.html#method-i-strftime Liquid Filters - https://shopify.dev/docs/api/liquid/filters Liquid Objects - https://shopify.dev/docs/api/liquid/objects 🟢 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 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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere