HTML to Liquid Converter

Collection

Collection from Section Setting

Loops products from a collection the merchant picked in the theme editor.

Convert to sectionFull cheat sheet

Copy or embed this snippet

{% assign featured = section.settings.collection %}
{% if featured != blank %}
  {% for product in featured.products limit: section.settings.limit %}
    {% render 'product-card', product: product %}
  {% endfor %}
{% endif %}

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.

Paginate Collection

Required for collections with more than 50 products.

Practice in the converter workspace

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

Open converter workspaceBrowse learning examples