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.

Practice in the converter workspace

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

Open converter workspaceBrowse learning examples