How to count current showing products in Shopify 2.0 dawn theme?

In collection page of dawn(version 5.0.0) theme Shopify, there is and inbuilt functionality to see the total number of products.
enter image description here
I want show that how many current product are showing when more products are getting into pagination.
enter image description here

enter image description here

1 answer

  • answered 2022-05-04 10:38 Anupam Mistry

    There is 2 modification in 2 files of dawn theme.

    1. in facets.liquid file add below code under the span id ProductCountDesktop.

    {% if next_link %}
    {{ offset | plus: 1 }} - {{ offset | plus: page_size }} of
    {% else %}
    {% capture itemsOnCurrentPage %}
    {{ results.all_products_count | minus: offset }}
    {% endcapture %}
    {% if results.all_products_count > 0 %}{{ offset | plus: 1 }}{% else %}{{ offset }} {% endif %}- {{ offset | plus: itemsOnCurrentPage }} of
    {% endif %}

    1. now replace render: facets with below code in main-collection-product-grid.liquid file.

    {%- paginate collection.products by section.settings.products_per_page -%}
    {% render 'facets', results: collection, enable_filtering: section.settings.enable_filtering, filter_type: section.settings.filter_type, enable_sorting: section.settings.enable_sorting, collapse_on_larger_devices: section.settings.collapse_on_larger_devices, offset : paginate.current_offset,next_link:paginate.next.is_link,page_size:paginate.page_size %}
    {%- endpaginate -%}

How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum