Home > Shopify Development > Liquid Basics in Shopify

Liquid Basics in Shopify

Thomas Nguyen
Thomas Nguyen Updated: August 28, 2023


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

If you are a newcomer to Shopify platform, you might be unfamiliar with Liquid. In this article, you are going to be shown a basic knowledge of the Liquid Code.

Liquid Basics

What is Liquid Code {#what-is-liquid-code)

Liquid or the Liquid Code is known as template language which lets you show your data in a template. It has constructs, including logic, loops, output, and deals with the variables. Also, the Liquid files are the combination of HTML and the Liquid Codes and are loaded with the liquid file extension.

Liquid files are used in Shopify themes that become agnostic. In addition, it contains no concept of stores they are currently used.

Liquid Basics: objects, tags, and filters

Regarding the Liquid Code, it can be divided to objects, tags, and fitters.


Objects can inform Liquid the place to aid you in showing your contents on pages. You should bear in mind that variable names and objects are generated by {{ }}


{{ page.title }}



In most cases, Liquid can render contents of an object named page.title and objects including the text Introduction.


Tags can help you create logics and manage flows for the templates. Tags are built by percent signs {% and %} and the curly braces.

You should take note that the markup that is used in tags does not generate visible texts. This means that you are able to assign your variables and produce loops as well as conditions without displaying any the Liquid logic on your pages.


{% if user %}
  Hello {{ user.name }}!
{% endif %}


Hello Adam!

Tags are categorized into three types, including Control Flow, Iteration, and Variable Assignments.


Filters can modify the output of Liquid objects. In fact, they are used in an output as well as are divided by a |.


{{ "/my/fancy/url" | append: ".html" }}



Many filters can be applied on output. They are used from the left to the right.


{{ "adam!" | capitalize | prepend: "Hello " }}


Hello Adam!


After reading this post, we hope that you can broaden your knowledge of Liquid Basic. It is not too complicated to understand If you have any question, don’t hesitate to contact us by leaving us a comment.

As the CTO of Avada, a company specializing in Marketing Automation Platform, I have over 10 years of experience in software development. I have successfully led Avada's technical team in creating innovative products for our clients.

Stay in the know

Get special offers on the latest news from AVADA.