HTML to Liquid Converter

Loops

Forloop Object (Index)

Access the current iteration number of a loop.

Convert to sectionFull cheat sheet

Copy or embed this snippet

{% for block in section.blocks %}
  Item number {{ forloop.index }} of {{ forloop.length }}
  {% if forloop.first %}This is the first!{% endif %}
  {% if forloop.last %}This is the last!{% endif %}
{% 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.

Loop with Offset

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

Reversed Loop

Iterates from last to first without mutating the original array.

Generate Shopify Sections

Free browser-based converter — OS 2.0 compatible output with schema validation. No signup required.

Paste HTML & Generate LiquidView examples