HTML to Liquid Converter

Collection

Paginate Collection

Required for collections with more than 50 products.

Convert to sectionFull cheat sheet

Copy or embed this snippet

{% paginate collection.products by 12 %}
  {% for product in collection.products %}
    <!-- Render product card -->
  {% endfor %}
  {{ paginate | default_pagination }}
{% endpaginate %}

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

Related snippets

Collection Title & Description

Outputs the collection's title and its rich text description.

Loop Collection Products

Iterates through products in a specific collection.

Collection URL & Handle

Builds links and CSS hooks from the collection object.

Generate Shopify Sections

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

Paste HTML & Generate LiquidView examples