{% render 'page-header' title: collection.title description: collection.description %}

<div class="template-collection">
  <div class="container">
    {%- paginate collection.products by 12 -%}
      <div class="row">
        {%- for product in collection.products -%}
          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
            {% render 'product-item' product: product %}
          </div>
        {% endfor %}
      </div>
      {% render 'pagination' paginate: paginate %}
    {%- endpaginate -%}
  </div>
</div>
<!-- /.template-collection -->