Overview

Liquid Objects

The CMS content of your shop can be accessed using objects such as product, collection, or cart. You can place these objects in Webflow using the li-object tag. Learn more about the available options with Shopify objects in the Objects chapter.

Liquid Filters

With liquid filters, you can modify the output of your content. You can calculate values, format a string (text) and so much more. You can find a list of all filters here or in the Shopify Cheat sheet.

Filters can be applied to a li-object value by using a pipe symbol | followed by the desired filter. Learn more about all the possibilities with Shopify filters in the Filters chapter.

Liquid Tags

Liquid tags, in the context of the Shopify Liquid template language, are special markers enclosed in curly braces and percentage signs, like {% ... %}. These tags are used to perform various control and logic operations within the template. Liquid tags are responsible for executing specific actions, such as loops, conditionals, and more, to dynamically generate content or perform operations on the data.

To use this functionality in Webflow, we have prepared the following tags. These tags will always wrap the div they are attached on.

You can't apply multiple liquid tags (li-for, li-if, li-unless) to one element. If you need that, you should use the :inside modifier to display the tag inside the div it's applied. Learn more about all the possibilities with Shopify tags in the Filters chapter, Conditional chapter and Other Liquid Tags chapter.