<div id="col-main" class="center-column content-without-background collection-page{% if settings.sb_collection_placement != '' %} col-md-9{% else %} col-md-12{% endif %} col-sm-12{% if settings.shop_pagination != '' %} hide-pagination{% endif %}">
    <div id="mfilter-content-container" class="{%- if settings.collection_list_grid == '0' -%}list{%- else -%}grid{%- endif -%}">
      {%- if collection.image or collection.description != blank -%}
      <div class="category-info clearfix">
        {%- if collection.image -%}<div class="image"><img src="{{collection.image | img_url: 'small'}}" alt="{{collection.title | escape}}" /></div>{%- endif -%}
        {%- if collection.description -%}{{collection.description}}{%- endif -%}
      </div>
      {%- endif -%}
      {%- include 'collection-filter' -%}
      <div id="sandbox">
        {%- if collection.products.size > 0 -%}
        <div class="product-list products">
          {%- for product in collection.products -%}
          {%- include 'product-item2' -%}
          {%- endfor -%}
        </div>
        {%- if settings.ctemplate_type == "promo" -%}
        <div class="product-grid products">
          <div class="row">
            {%- for product in collection.products -%}
            <div class="col-sm-4 col-xs-6 product-item">
              {%- include 'product-item' -%}
            </div>
            {%- endfor -%}
          </div>
        </div>