what is .liquid file - Shopify
LIQUID File Extension

What is LIQUID file?

LIQUID is a file extension commonly associated with Shopify Liquid Template files. LIQUID files are supported by software applications available for devices running Mac OS. Files with LIQUID extension are categorized as Developer Files files. The Developer Files subset comprises 1180 various file formats. The software recommended for managing LIQUID files is Middleman. On the official website of Thomas Reynolds developer not only will you find detailed information about theMiddleman software, but also about LIQUID and other supported file formats.

Programs which support LIQUID file extension

Below is a table that list programs that support LIQUID files. Files with LIQUID suffix can be copied to any mobile device or system platform, but it may not be possible to open them properly on target system.


If you are new to the Shopify platform and read through our content, you might be wondering what all the references to Liquid actually refer to. In this article, we'll explain all you need to know about Liquid, how it fits into Shopify theme building, and the core concepts that will enable you to start building powerful and immersive ecommerce templates. Let's begin with a little history.
Liquid was developed by Shopify co-founder and CEO Tobias Ltke and is now available as an open source project on GitHub. Today, it's used in many different software projects, from content management systems to static site generatorsand of course, Shopify.

Liquid: language or engine?

Some refer to Liquid as a template language, while others may call it a template engine. It doesn't really matter which label you applyin many ways both are right. Personally, I like to call it a template language. It has a syntax (like traditional programming languages), has concepts such as output, logic, and loops, and it interacts with variables (data), just as you would with a web-centric language such as PHP.
However, that's really where the similarities end. There's a lot you can't do with Liquidby design. For example, it has no concept of "state," it doesn't let you get deep under the covers of the platform, and can occasionally seem counter intuitive for seasoned coders. However, it has been very well thought out and what might at first seem like a limitation is usually intended, and for good reason.

iquid's function

Liquid, like any template language, creates a bridge between an HTML file and a data storein our context, the data is of course a Shopify store. It does this by allowing us to access variables from within a template, or Liquid file, with a simple to use and readable syntax.
In Shopify, each Liquid file allows us to access certain variables without having to do any heavy lifting. For example, the product.liquid template allows us access to all the details relating to the currently viewed product. Liquid, in turn, allows us to output this data without having to know anything about the actual product itself. These variables are known as template variables. You can also use Liquid to retrieve data that isn't made available to us. For example, you can ask Shopify to populate a variable you create with all the products in a particular collection.
Once we know the names of the variables we have access to or create, we can use Liquid constructs such as "output" and "loops" to display the data in our Liquid files.
The Shopify platform understands what data to retrieve, and how to display it depending on the Liquid code you have in your theme. It might be a simple case of displaying the name of a product or something slightly more complex, such as showcasing a series of product images.
The great benefit of a template language such as Liquid is that you, as the designer, don't need to know anything about the store data itself. As such, your themes are 100 percent agnostic and can be applied to multiple stores without any knowledge of the stores content.

Liquid's file extension and delimiters

Liquid files have the extension of .liquid. A liquid file is a mix of standard HTML code and Liquid constructs. It's an easy to read syntax, and is easy to distinguish from HTML when working with a Liquid file. This is made even easier thanks to the use of two sets of delimiters.
The double curly brace delimiters {{ }} denote output, and the curly brace percentage delimiters {% %} denote logic. You'll become very familiar with these as every Liquid construct begins with one or the other.
Another way of thinking of delimiters is as "placeholders." A placeholder can be viewed as a piece of code that will ultimately be replaced by data when the compiled theme is sent to the browser. This data is determined entirely by the theme designer as a result of the Liquid code in the Liquid file. As such, Liquid themes, much like templates that inter splice PHP and HTML, serve as representations of what will be rendered.