HTML to Liquid Converter

Loops

Assign Before Loop

Stores a collection or product in a variable for cleaner templates.

Convert to sectionFull cheat sheet

Copy or embed this snippet

{% assign featured_products = section.settings.collection.products %}
{% for product in featured_products limit: 8 %}
  {{ product.title }}
{% endfor %}

Embed this snippet on your blog or docs — attribution link appreciated: HTML to Liquid Converter · Convert to Shopify section →

Related snippets

For Loop with Limit

Loops exactly X number of times.

Forloop Object (Index)

Access the current iteration number of a loop.

Loop with Offset

Skips the first N items—handy when the first product is featured elsewhere.

Practice in the converter workspace

Draft OS 2.0 section output after you choose the right design pattern.

Open converter workspaceBrowse learning examples