Home > Shopify Development > Liquid Operators logical and comparison operators

Liquid Operators logical and comparison operators in Shopify

Sam Nguyen
Sam Updated: April 06, 2024

Share:

Drive 20-40% of your revenue with Avada
avada email marketing

Liquid was invented by Shopify co-founder and CEO Tobias Lütke. It is considered as a template language, created by Shopify and written in Ruby.

Apparently, liquid is now considered widely as an open source project on GitHub, and used by the variety of software projects and companies, from content management systems to flat file site generators.

Clearly Shopify is one of the platforms that use this language. Liquid is the foundation of all Shopify themes, all the vibrant content in the pages of online stores are now loaded by this language template.

For more information, liquid exercise a mixture of tags, objects, and filters to charge dynamic content. Liquid template files are the ones that contain all of this mixture. It is also the files that build up a theme.

However, by design, there are a lot of things you are unable to exercise with liquid. For instance, liquid has not provided the state concept, therefore it does not let user to dig deep under the ground of the platform, it can periodically seem face intuitive for seasoned programmers. However, what might seem to be a limitation is usually intended and for good reason, the creator of liquid has been very well thought out about this problem.

In basic liquid, it contains 5 factors, they are: handles, operators, type, truthy and falsy, whitespace control.

In this article you will know more detail about one of the main basic, it is liquid operators: logical and comparison operators.

Liquid Operators: logical and comparison operators

Many logical and comparison operators has been accessed by liquid. Obviously, you can use operators to make up logic with control flow tags.

Logic {#1}

We can control the output to our template using a simple if, or endif statement. In many ways if statements are like questions. A different piece of markup will be output depend on the answer to the question. There will be no mark up at all in some cases. Another way of understanding the logic is that it enable us to control the flow of a template and ultimately make decisions on which data is shown. It is worth noting that unlike output tags the inclusion of logic tags in your templates does not result in anything being directly rendered, in addition, they enable us to control what is rendered exactly.

In Shopify theme development, you will find yourself using if statements a lot, below is an example of logic liquid:

image

This code illustrates how you can either show the number of items in a visitors cart or extract a link to your products.

Essential operators {#2}

There are 8 essential operators. The symbol and meaning of these operators are listed in table below:

Symbol Meaning
== equals
!= does not equal
> greater than
< less than
>= greater than or equal to
<= less than or equal to
or logical or
and logical and

Below is an example of the equal operator:


{% if customer.has_account == true %}
  Welcome back to our store!
{% endif %}

You can combine many comparisons in a tag using the and and or operators, below is an example of combining two equal operators:


{% if product.type == "Shirt" or product.type == "Shoes" %}
  This is a shirt or a shoe.
{% endif %}

Contains {#3}

contains test out for the existence of a substring inside a string.


{% if product.title contains 'Pack' %}
  This product's title contains the word Pack.
{% endif %}

It also test out for the existence of a string in an array of strings.


{% if product.tags contains 'Hello' %}
  This product has been tagged with 'Hello'.
{% endif %}

Finally, contains can only search strings. You are unable to use it to test out for an object in an array of objects.

Arrangement of operators {#4}

In tags with more than one and or or operator, operators are tested in order from right to left. You are unable to change the order of operations using parentheses — parentheses are invalid characters in Liquid and will stop your tags from working.

Conclusion

We hope that this article will give you full information about the basic liquid in shopify and will be the foundation for you to practice other function in building your business page.


Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.

Stay in the know

Get special offers on the latest news from AVADA.