Liquid For Tag

Using For Tag

Liquid for tag iterates Shopify collections with limit and offset.

Introduction to Liquid For Tag

The Liquid for tag is a powerful tool for iterating over collections in Shopify themes. It allows you to loop through a list of items, such as products, collections, or blog posts, and display them on a page. The for tag also provides options to limit the number of iterations and set an offset, giving you control over which items are displayed.

Basic Syntax of the Liquid For Tag

The basic syntax for a for loop in Liquid is as follows:

In this example, the for tag iterates over each item in collection.items. The item.title is then output for each item in the collection.

Using Limit and Offset

The limit and offset options allow you to control the number of items processed by the loop and where to start the iteration, respectively.

In this example, the loop will skip the first two products and then display the titles of the next five products in the collection.products array.

Reversing the Order of Items

You can also reverse the order of items in the loop using the reversed attribute.

This loop will iterate over the articles in a blog, starting from the last article and going to the first.

Using the Forloop Object

Within a for loop, you have access to a special object called forloop, which provides information about the current iteration.

The forloop.index returns the current iteration count starting from 1. This can be useful for numbering items or adding specific styles to certain items within the loop.

Conclusion

The Liquid for tag is an essential tool for Shopify theme development, allowing for flexible iteration over collections. By utilizing limit, offset, and other attributes, developers can precisely control the display of items within a loop. Understanding and using the forloop object can also add powerful functionality to your themes.