Hi, thanks for replying.
collection-template-liquid file below:
<div data-section-id="{{ section.id }}" class="collection-template">
{% case section.settings.grid %}
{% when '2' or 2 %}
{%- assign grid_item_width = 'desktop-6 tablet-3 mobile-half' -%}
{% when '3' or 3 %}
{%- assign grid_item_width = 'desktop-4 tablet-2 mobile-half' -%}
{% when '4' or 4 %}
{%- assign grid_item_width = 'desktop-3 tablet-2 mobile-half' -%}
{% endcase %}
{%- assign product_limit = section.settings.grid | times: section.settings.rows -%}
{% paginate collection.products by product_limit %}
<div id="collection-description" class="desktop-12 mobile-3">
<h1 id="bc-sf-filter-collection-header">{{ collection.title }}</h1>
{% if collection.image %}
<div class="collection-image-container" align="center">
{{ collection.image.src | collection_img_url: '1200x' | img_tag: collection_title }}
</div>
{% endif %}
<div class="rte" id="bc-sf-filter-collection-description"></div>
</div>
<div class="clear"></div>
<div id="full-width-filter" class="desktop-12 tablet-6 mobile-3">
<ul id="sortme">
{% if section.settings.sort_by %}
<li id="bc-sf-filter-top-sorting" class="clearfix filter">{% include 'bc-sf-filter-skeleton', width: 3 %}</li>
{% endif %}
</ul>
</div>
{% comment %}<a class="show mobile-3" href="javascript:;"></a>{% endcomment %}
<div id="bc-sf-filter-tree-mobile">{% include 'bc-sf-filter-skeleton', type: 'button' %}</div>
<div class="desktop-2 tablet-1 mobile-3">
<div id="bc-sf-filter-tree">
{% comment %} Include placeholder template {% endcomment %}
{% include 'bc-sf-filter-tree-placeholder' %}
</div>
</div>
<div id="product-loop" class="desktop-10 tablet-5 mobile-3" data-bc-sort="{{ collection.default_sort_by }}">
{% assign products-per-row = section.settings.products-per-row %}
{% for product in collection.products %}
<div class="product-index {{ grid_item_width }}" data-alpha="{{ product.title }}" data-price="{{ product.price }}">
{% include 'product-listing' %}
</div>
{% endfor %}
</div>
<div id="pagination" class="desktop-12 tablet-6 mobile-3">
<div id="bc-sf-filter-bottom-pagination"></div>
<div id="bc-sf-filter-load-more"></div>
</div>
{% endpaginate %}
</div>
<script>
// Declare bcSfFilterConfig variable
var bcSfFilterConfig = {
label: {
sorting: {% assign temp = 'collections.sorting.title' | t %} {% unless temp contains 'translation missing' %} {{ temp | json }} {% else %} "Sorting" {% endunless %},
sorting_best_selling: {% assign temp = 'collections.sorting.best_selling' | t %} {% unless temp contains 'translation missing' %} {{ temp | json }} {% else %} "Best Selling" {% endunless %},
sorting_featured: {% assign temp = 'collections.sorting.featured' | t %} {% unless temp contains 'translation missing' %} {{ temp | json }} {% else %} "Featured" {% endunless %},
sorting_title_ascending: {% assign temp = 'collections.sorting.az' | t %} {% unless temp contains 'translation missing' %} {{ temp | json }} {% else %} "Alphabetically, A-Z" {% endunless %},
sorting_title_descending: {% assign temp = 'collections.sorting.za' | t %} {% unless temp contains 'translation missing' %} {{ temp | json }} {% else %} "Alphabetically, Z-A" {% endunless %},
sorting_price_ascending: {% assign temp = 'collections.sorting.price_ascending' | t %} {% unless temp contains 'translation missing' %} {{ temp | json }} {% else %} "Lowest Price" {% endunless %},
sorting_price_descending: {% assign temp = 'collections.sorting.price_descending' | t %} {% unless temp contains 'translation missing' %} {{ temp | json }} {% else %} "Highest Price" {% endunless %},
sorting_date_ascending: {% assign temp = 'collections.sorting.date_ascending' | t %} {% unless temp contains 'translation missing' %} {{ temp | json }} {% else %} "Date, Old to New" {% endunless %},
sorting_date_descending: {% assign temp = 'collections.sorting.date_descending' | t %} {% unless temp contains 'translation missing' %} {{ temp | json }} {% else %} "Date, New to Old" {% endunless %},
sorting_sale_descending: {% assign temp = 'collections.sorting.sale_descending' | t %} {% unless temp contains 'translation missing' %} {{ temp | json }} {% else %} "% Off" {% endunless %},
sorting_relevance: {% assign temp = 'collections.sorting.relevance' | t %} {% unless temp contains 'translation missing' %} {{ temp | json }} {% else %} "Relevance" {% endunless %},
sale: {{ 'products.general.sale' | t | json }},
sold_out: {{ 'products.general.sold' | t | json }},
new: {{ 'products.general.new' | t | json }},
pre_order: {{ 'products.product.pre_order' | t | json }},
quick_view: {{ 'products.general.quick_view' | t | json }},
from_price: {{ 'products.general.from' | t | json }},
pagination_of: {{ 'general.pagination.of' | t | json }},
showing_items: {{ 'general.pagination.showing_items' | t | json }},
},
custom: {
products_per_page: {% if product_limit %} {{ product_limit | json }} {% else %} 24 {% endif %},
products_per_row: {% if section.settings.grid %} {{ section.settings.grid | json }} {% else %} '4' {% endif %},
quick_view_enable: {% if settings.quickview %} {{ settings.quickview | json }} {% else %} false {% endif %},
image_flip: {% if settings.image_flip %} {{ settings.image_flip | json }} {% else %} false {% endif %},
alternate_colors: {% if settings.alternate_colors %} {{ settings.alternate_colors | json }} {% else %} false {% endif %},
secondary_images_hover: {% if settings.secondary_images_hover %} {{ settings.secondary_images_hover | json }} {% else %} "" {% endif %},
vendor_enable: {% if settings.vendor %} {{ settings.vendor | json }} {% else %} false {% endif %},
}
};
</script>
{% schema %}
{
"name": "Collection",
"max_blocks":4,
"settings": [
{
"type": "select",
"id": "grid",
"label": "Products per row",
"default": "4",
"options": [
{
"value": "2",
"label": "2"
},
{
"value": "3",
"label": "3"
},
{
"value": "4",
"label": "4"
}
]
},
{
"type": "select",
"id": "rows",
"label": "Rows",
"default": "2",
"options": [
{
"value": "1",
"label": "1"
},
{
"value": "2",
"label": "2"
},
{
"value": "3",
"label": "3"
},
{
"value": "4",
"label": "4"
},
{
"value": "5",
"label": "5"
},
{
"value": "6",
"label": "6"
},
{
"value": "7",
"label": "7"
},
{
"value": "8",
"label": "8"
},
{
"value": "9",
"label": "9"
},
{
"value": "10",
"label": "10"
}
]
},
{
"type": "checkbox",
"id": "sort_by",
"label": "Show sort by",
"default": true
},
{
"type": "paragraph",
"content": "Your customers can filter collections using tags that you have added to your products. [See our setup instructions for these filters](http:\/\/support.undergroundmedia.co.uk\/customer\/en\/portal\/articles\/1348811-filter-collections-with-tags)."
},
{
"type": "text",
"id": "filter-1-title",
"label": "Filter 1 title",
"default": "Filter by X"
},
{
"type": "textarea",
"id": "sort_a",
"label": "Filter 1 tags",
"info": "Comma separated"
},
{
"type": "text",
"id": "filter-2-title",
"label": "Filter 2 title",
"default": "Filter by Y"
},
{
"type": "textarea",
"id": "sort_b",
"label": "Filter 2 tags",
"info": "Comma separated"
},
{
"type": "text",
"id": "filter-3-title",
"label": "Filter 3 title",
"default": "Filter by Z"
},
{
"type": "textarea",
"id": "sort_c",
"label": "Filter 3 tags",
"info": "Comma separated"
}
],
"blocks":[
{
"type":"menu",
"name":"Menu",
"settings":[
{
"type": "link_list",
"id": "side_nav",
"label": "Sidebar menu"
},
{
"type": "text",
"id": "title",
"label": "Menu title",
"default": "Explore"
}
]
},
{
"type":"vendor_list",
"name":"Vendor list",
"limit": 1,
"settings":[
{
"type": "text",
"id": "shop_by_designer_title",
"label": "Vendor list title",
"default": "Shop by Designer"
}
]
}
]
}
{% endschema %}
