Liquid Toolkit

Filters

Liquid Array Filters

Array Filters

Liquid array filters manipulate Shopify arrays with join and sort.

Understanding Liquid Array Filters

Liquid array filters allow you to manipulate arrays within Shopify templates. These filters are particularly useful for handling collections of data, such as product lists or customer orders. In this guide, we'll explore two common array filters: join and sort.

Using the Join Filter

The join filter is used to convert an array into a string, with each element separated by a specified delimiter. This is useful for displaying lists in a human-readable format.

Syntax: {{ array | join: 'delimiter' }}

Example:

In this example, the array fruits is joined into a single string "apple and banana and cherry" using ' and ' as the delimiter.

Sorting Arrays with the Sort Filter

The sort filter organizes the elements of an array in ascending order. This filter is particularly useful when you need to display items in a specific sequence.

Syntax: {{ array | sort }}

Example:

Here, the array numbers is sorted to become "1, 2, 3".

Combining Join and Sort Filters

You can combine the join and sort filters to both sort an array and then convert it into a string. This is useful when you need a sorted list that is also formatted for display.

Example:

In this example, the names are sorted alphabetically and joined into a string "Alice, John, Zoe".

Conclusion

Liquid array filters like join and sort are powerful tools for manipulating data in Shopify stores. By using these filters, you can customize the presentation of arrays to better fit your store's needs. Explore these filters further to enhance your Shopify themes.

Filters

Next
Date Filters