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

Issue

In collection page of dawn(version 5.0.0) theme Shopify, there is and inbuilt functionality to see the total number of products.

I want show that how many current product are showing when more products are getting into pagination.

Solution

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 %}

2. 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 -%}

Answered By - Anupam Mistry

Answer Checked By - Willingham (PHPFixing Volunteer)