Shopify Theme Development - Liquid Full Tutorial

Veröffentlicht am: 15 November 2023
auf dem Kanal: Stacking Context - Shopify Development Tutorials

41,342

811

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

Auf dieser Seite können Sie das Online-Video Shopify Theme Development - Liquid Full Tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Stacking Context - Shopify Development Tutorials 15 November 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 41,342 Mal angesehen und es wurde von 811 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!