+880 1756-702340 +880 9613-842340

shopifyengine.com@gmail.com

Purbo Kamal Kasna Rangpur, Bangladesh.

What is a template language in Shopify Theme?

A template language allows you to create a single template to host static content, and dynamically insert information depending on where the template is rendered. For example, you can create a product template that hosts all of your standard product attributes, such as the product image, title, and price. That template can then dynamically render those attributes with the appropriate content, depending on the current product being viewed.


What is Shopify Liquid?

Shopify Liquid is a templating language created by Shopify, used to build dynamic and customizable themes for Shopify stores. It serves as the bridge between store data and front-end design, allowing developers to insert logic, retrieve store information, and modify content dynamically.


Understanding Liquid: How It Works

Liquid consists of three main components:

Name Syntax Example Description

Objects

{{ }}

{{ product.title }}

Objects and variables are displayed

Tags

{% %}

{% if product.available %}

Create the logic and control flow for templates.

Filters

{{ object | filter }}

{{ product.title | upcase }}

Change the output of a Liquid object or variable.


Explanation of Objects

Objects contain the content that Liquid displays on a page. Objects and variables are displayed when enclosed in double curly braces: {{ and }}.

Code

{{ product.title }}

Output

Laptop

In this case, Liquid is rendering the content of the title property of the product object, which contains the text Laptop.


Explanation of Tags

Tags create the logic and control flow for templates. The curly brace percentage delimiters {% and %} and the text that they surround do not produce any visible output when the template is rendered. This lets you assign variables and create conditions or loops without showing any of the Liquid logic on the page.

Code

{% if product.available %}
  Product Name is {{ product.title }}!
{% endif %}

Output

Product Name is Laptop!


Tags can be categorized into various types:

  • Control flow

  • Iteration

  • Template

  • Variable assignment


Explanation of Filters

Filters change the output of a Liquid object or variable. They are used within double curly braces {{ }} and variable assignment, and are separated by a pipe character |.

Code

{{ product.title \| upcase }}

Output

LAPTOP


Multiple filters can be used on one output, and are applied from left to right.

Code

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

Output

Hello Touhid!
Share