Liquid Basics in Shopify

Updated: August 28, 2021


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 {{ }}!
{% 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.

Recommend for you
Image Description
SMS, Email Marketing Automation

Top rated Marketing automation for Shopify stores

Learn more
Image Description
SEO Suite

Auto-optimize website elements and structure in one-click.

Learn more
Boost Sales [Free]

Boost sales: Sales Pop, Trust badges, Countdown timer, more

Learn more
Image Description
Photo Reviews [Free]

Use photo reviews to boost sales

Learn more


Stay in the know

Get special offers on the latest news from AVADA.

40k subscribers has been joined!

Earn $10 in reward now!

go up