Shopify Tutorials

After learning the basics of conditional statements, we explore the contains, unless, and case operators. The contains operator is used to check a string in within a string or a string within an array of strings. The unless operator runs code if the statement is false. The case operator simplifies many if statements.

Continue Reading

The foundation of conditional statements can be boiled down to this: if this is true then run this code. You can also expand on that: if this is true then run this code, if not run a different code. Chaining conditions is common with different comparison operators using "or"/"and" to check if values are true or false.

Continue Reading

Comparison operators are exactly that, comparing two values in different ways. The output of comparing values will be a boolean, true or false. The Liquid operators: greater than >, greater than or equal to >=, less than <, less than or equal to <=, equal to ==, does not equal to !=, the and operator, the or operator.

Continue Reading
Continue Reading

Variables are a way to save data. The way it is done in Liquid is to use the "assign" tag between these curly braces and percent signs {% %}. You can still manipulate this data after it is assigned. When you name a variable it is a best practice to give it a label that is meaningful to what is happening in the code.

Continue Reading

Liquid programming language has syntax with different enclosing braces: {{ }}, {% %}, {%- -%} and {{- -}}. Here we learn about what these braces mean and what their functions are. {{ }} renders our variables.  {% %} enables Liquid code for assignments, conditions, or loops. {{- -}} removes whitespace before and after.

Continue Reading

Theme Kit is an integral part of Shopify theme development. This tool allows us to use Visual Studio Code with its integrated terminal to run the file watch command, edit our files, and save to upload changes. We will need to create a private app and get the API password and theme id to add to our configuration file.

Continue Reading

There comes a time when a developer needs to find out what the best editor is for the language they will be primarily using. For Shopify Liquid, the answer is easy: Visual Studio Code. This powerful IDE comes with Liquid support after installing a few extensions to enable syntax highlighting and autocomplete snippets.

Continue Reading

After you have created a Shopify Development store, it is time to add a theme for Liquid Development. I suggest on starting with the bare minimum of a theme to begin with as we do not want to be distracted about the different elements and functionality a theme can have. I have created a theme with only the necessities.

Continue Reading