Home > Shopify Development > Comment Syntax How to Comment Out Liquid Code

How to comment out liquid code in Shopify

Sam Updated: June 30, 2024

Drive 20-40% of your revenue with Avada

Get Started

Liquid template is popular for website developers in Shopify. Your online store wants to activate comment section on Liquid platform so that you can see customers’ questions or feedback. In today tutorial, we will introduce you to comment out liquid code.

Free 1:1 Shopify consultation & 30-day all-app trial FREE

Shopify Plus Strategy and Consultation
Personalized E-commerce Solutions
Conversion Rate Boosting Techniques
Inventory Management Hacks

Table of content

General information about Liquid
What is comment syntax
How to comment out liquid code

General information about Liquid

Liquid is an open-source templating language that support the functionality of HTML which you can use to upload dynamic content. Liquid is classified into objects, tags and filters. Objects indicates where Liquid shows content. Tags create the logic and control flow of a website. The output of a Liquid object which is separated by a slash can be changed with filters.

What is comment syntax

In general, tag markup does not allow to change the content of the text and is surrounded by a pair of curly braces and percent signs. There are two types of tags: comments and raw. Tags are usually used to apply logic to your template. You are able to use tags if/else statements to have a single template send out emails in multiple languages. Comment and raw tags are used in a case statement.

How to comment out liquid code

This tutorial focuses on comment tag. Comment enables you to leave un-rendered code inside a Liquid template. It means that visitors can copy and edit comments. Any text within the opening and closing comment blocks will not be generated and any Liquid code within not be executed.

For instance, you want to create blank space for visitors to leave their comments, then you use `` like this:

Input

Anything you put between {% comment %} and {% endcomment %} tags
is turned into a comment.

Output

Anything you put between  tags
is turned into a comment.

Conclusion

In conclusion, comment tags help you to increase your website interface with customers. Visitors can leave their comments about your products or ask for further information, hence you would instantly answer these comments. We hope that the tutorial is helpful and if you have any difficulties, let’s us know and we will support you.

Liquid

Liquid Highlight in Shopify Liquid Basics in Shopify Liquid Iteration: for break limit Liquid default_errors: How to Show Default Errror Messages Liquid default: How to Set Default Value in Filter Liquid time_tag: How to Convert Timestamp into HTML time Tag Liquid Highlight Formate Address in Liquid Create a set of Links for Pagination in Shopify How to Convert String to JSON Fomat in Shopify How to Add Weight with Unit Liquid date: How to Format Date, Convert to New Format How to Create a Collection-aware product URL in Shopify How to get frontend login link in shopify Liquid file_url: How to Get File URL in Shopify Liquid file_img_url: How to Get File Image URL in Shopify Liquid remove: How to Remove Specified String in String Liquid prepend: How to Add a Suffix to a String Automatically Display Singular or Plural of String Based on Number How to use money filter Liquid abs: Show absolute value of a number Merge Two Arrays into One in Liquid How to use a Layout file in Layout Folder Liquid and/or: Multiple conditions Liquid for loops Liquid case when statement Liquid unless Loops How to Display Raw Code in Liquid Comment Syntax How to Comment Out Liquid Code How to strip whitespace from the left or right side in Liquid

Sam Nguyen

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.