CocoShop theme development
  • 🚀Getting Started
    • Overview
    • Getting started
  • ⛓️Architecture
    • Overview
    • Layouts
    • Templates
      • index
      • collections
      • collection
      • product
      • 404
      • search
      • page
    • Section
      • Section schema
    • Config
    • Input settings
  • 💧Liquid
    • Basics
      • Operators
      • Truthy and Falsy
      • Whitespace Control
    • Tags
      • Control flow
      • Variable
      • Theme
    • Filters
    • Objects
      • site
      • collection
      • wallet
      • chain
      • product
      • attribute
      • connected_wallet
      • linklists
      • linklist
      • link
    • Functions
      • connectWallet
      • changeChain
      • disconnect
      • transfer
      • buy
  • 💫Others
    • Roadmap
Powered by GitBook
On this page
  • Basic Syntax
  • Chaining Filters
  • Built-in Filters
  1. Liquid

Filters

Filters are simple methods that allow you to modify and manipulate the output of a Liquid object or variable. They can be applied to an object or variable using the pipe character | followed by the filter name and any optional parameters. Filters can be chained together to perform multiple operations on the data.

Basic Syntax

The basic syntax for using a filter is:

{{ object | filter_name: parameter1, parameter2, ... }}

Example: Using the replace filter to replace "example" with "sample" in a string

{{ "This is an example text." | replace: "example", "sample" }}

Output:

This is a sample text.

Chaining Filters

You can chain multiple filters together by adding additional pipe characters | and filter names with their parameters. The filters will be applied in the order they are written.

Example: Using the upcase filter and the replace filter together

{{ "This is another example." | upcase | replace: "EXAMPLE", "sample" }}

Output:

THIS IS ANOTHER sample.

Built-in Filters

Liquid comes with a variety of built-in filters for common tasks such as string manipulation, formatting numbers, and working with dates. Some examples of built-in filters include capitalize, truncate, round, and date.

Example: Using the truncate filter to limit a string to 10 characters

{{ "This is a very long text." | truncate: 10 }}

Output:

This is a...

For more details on filters, including a comprehensive list of built-in filters, please refer to the LiquidJS documentation:

By using filters in your Liquid templates, you can easily manipulate data and create dynamic content based on various conditions, greatly enhancing the functionality of your web application.

PreviousThemeNextObjects

Last updated 1 year ago

💧
LiquidJS Filters Documentation