@KetanKumar this code is template-collection.liquid
{%- assign col_img_alignment = section.settings.collection_img_alignment -%}
{% if settings.sidebar_toggle %}
{% if collection.image %}
{% case section.settings.listing_style %}
{% if settings.sidebar_toggle %}
{% when ‘medium’ %}
{% if settings.sidebar_toggle %}
{% when ‘big’ %}
{% else %}
{% endif %}
{%- assign product_img_alignment = section.settings.product_img_alignment -%}
{% unless settings.sidebar_toggle %}
{% endunless %}
{% if col_img.size > 0 %}
{% case section.settings.collection_img_style %}
{% when 'collection_img_inline' %}
{{ collection.title }}
{% if section.settings.collection_short_desc_toggle and collection.description.size > 0 %}
{{ collection.description | strip_html | truncate: 150 }}
{% endif %}
{% when ‘collection_img_overlay’ %}
{{ collection.title }}
{% if section.settings.collection_short_desc_toggle and collection.description.size > 0 %}
{{ collection.description | strip_html | truncate: 130 }}
{% endif %}
{% when ‘none’ %}
{{ collection.title }}
{% if section.settings.collection_short_desc_toggle and collection.description.size > 0 %}
{{ collection.description | strip_html | truncate: 130 }}
{% endif %}
{% endcase %}
{{ collection.title }}
{% if section.settings.collection_short_desc_toggle and collection.description.size > 0 %}
{{ collection.description | strip_html | truncate: 130 }}
{% endif %}
{% endif %}
{% endunless %}
{% unless settings.sidebar_toggle %}
{% endunless %}
{% if section.settings.collection_desc_toggle and collection.description.size > 0 %}
{{ collection.description }}
{% endif %}
{% if section.settings.collection_tags_toggle and collection.all_tags.size > 0 %}
{% endif %}
{{ 'layout.collection.sort_products' | t }}:
{{ 'layout.collection.featured' | t }}
{{ 'layout.collection.best_selling' | t }}
{{ 'layout.collection.name_a_z' | t }}
{{ 'layout.collection.name_z_a' | t }}
{{ 'layout.collection.price_low_high' | t }}
{{ 'layout.collection.price_high_low' | t }}
{{ 'layout.collection.old_new' | t }}
{{ 'layout.collection.new_old' | t }}
{{ 'layout.collection.products_number' | t }}:
{% case layout_type %}
{% when 'small' %}
12
18
24
{% assign productsNumber = 18 %}
{% when ‘small_sb’, ‘medium’ %}
8
12
16
{% assign productsNumber = 12 %}
{% when ‘medium_sb’ %}
6
9
12
{% assign productsNumber = 9 %}
{% when ‘big’ %}
6
9
12
{% assign productsNumber = 6 %}
{% when ‘big_sb’ %}
4
6
8
{% assign productsNumber = 4 %}
{% endcase %}
{{ collection.all_products_count }} {{ 'layout.product.items' | t }}
{% if template == ‘collection’ %}
{% paginate collection.products by paginate_by %}
{% for product in collection.products %}
{% include 'product-listing-item' img_size: product_img_size, img_alignment: product_img_alignment %}
{% endfor %}
{% if section.settings.pagination_type == ‘default’ %}
{%- assign pages_difference = paginate.pages | minus: paginate.current_page -%}
{{ ‘layout.pagination.more_button’ | t }}
{{ paginate.current_page }}
{% endif %}
{% endif %}
{% endpaginate %}
{% unless settings.sidebar_toggle %}
{% endunless %}
{% schema %}
// COLLECTION SETTINGS ////////////////////////////////////////////////////////////////////////////
// PRODUCT LISTING ////////////////////////////////////////////////////////////////////////////////
{% javascript %}
// LOAD COLLECTION CONTENT
if ( document.location.search.indexOf(‘page=’) != -1 ){
if( urlPage != collectionUrlCookie ){
}
// PRODUCTS VIEW GRID/LIST#view_grid ’).removeClass(‘active’);#view_list ’).addClass(‘active’);
$(‘#product_listing__sorted ’).addClass(‘product_listing__list’);
};
$(‘#view_grid , #view_list ’).on(‘click’, function() {
$(‘#view_grid , #view_list ’).removeClass(‘active’);#product_listing__sorted ’).removeClass(‘product_listing__list product_listing__grid’);
$(this).addClass(‘active’);
$.cookie(‘productSortView’, thisView, {path: ‘/’});#product_listing__sorted ’).addClass( ‘product_listing__’ + thisView );
});
// PRODUCTS NUMBER#products_number_select option[value=’ + theme.productNumber + ‘]’).prop(‘selected’, ‘true’);
$(‘#products_number_select ’).on(‘change’, function() {#sort_by_select ’).val() + ‘&view=’ + $(this).val();#sort_by_select ’).val() + ‘&view=’ + $(this).val();#sort_by_select ’).val() + ‘&view=’ + $(this).val();
// PRODUCTS SORTING#sort_by_select option’).each(function() {
});
$(‘#sort_by_select ’).on(‘change’, function() {
document.location.href = productSortQuery;
// LOAD MORE STYLE PAGINATION#page_navigation_prev_prev ’);#page_navigation_next_next ’);#page_navigation_prev ’);#page_navigation_next ’);#page_navigation_current ’);
// LOAD MORE BUTTON#load_more_button ’).on(‘click’, function() { // when clicking on the button the load is replaced in the URL of the page number on the +1
if (document.location.href.indexOf(‘page=’) > 0 ) {
var tempDiv = document.createElement(‘div’); // create a temporary block in which we load content from url
$(‘#product_listing__sorted ’).addClass(‘loader_on’); // preloader on
$(tempDiv).load( newUrl + ’ #product_listing__sorted> *‘, function(){ // add content from the diva to the end of the listing#product_listing__sorted ’).append( $(tempDiv).html() ).removeClass(‘loader_on’);
});
showHideLoadMoreButton(current_page);
$.cookie(theme.collectionName, ‘?page=’ + current_page , {path: ‘/’}); // set cookie with the modified page
redefinitionPagination(current_page); // reloading pagination
});
// SHOW/HIDE LOAD MORE BUTTON#load_more_button ’).addClass(‘hidden’);#load_more_button ’).hasClass(‘hidden’) ){#load_more_button ’).removeClass(‘hidden’);
// PAGINATION FOR LOAD MORE
if ( (theme.paginatePages - page) <= 1 && !(pageNextArrow.hasClass(‘hidden’)) ){
var redefinitionPagination = function(page){ // pagination loading function, gets the page number argument
// ADD EVENT ON PAGINATION BUTTON // add events to the pagination buttons
pageLastArrow.on(‘click’, function(e) {
pagePrevArrow.on(‘click’, function(e) {
pageNextArrow.on(‘click’, function(e) {
redefinitionPagination( current_page ); // call the function when the page loads
};
});
