Remove product count from Collection page (Ride theme)

Technical Q&A
1

I’ve haven’t had any luck in removing the product count that shows up in the collection page.

I don’t want to disable the sorting or filtering options, just “hide” the product count via CSS!

Thanks in advance!

2

Hello @YUNIK

I see you want to hide this product quantity in the collection page right? https://prnt.sc/oweDvFv-rpeq

You try can add the below code by following these steps:

  1. Go to Online Store → Theme → Edit code https://prnt.sc/NIubHkOJxV7S
  2. Open your base.css in the Assets folder.
  3. Paste the below code at the end of the file. https://prnt.sc/521sqQY9XNgA
.facets-container .product-count, .facets-container .mobile-facets__count{
  display: none;
}

Kind & Best regards,
GemPages Support Team

3

@YUNIK

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Hi @YUNIK ,

Are you trying to hide the product count on the collection page, or at the filter?

  • 1: With product count here:

Screenshot.png
Screenshot.png1710×520 120 KB

Go to Assets > base.css and paste this at the bottom of the file:

.facets__form .product-count {
      display: none !important;
}
  • 2: With filter:

Screenshot.png
Screenshot.png1255×458 102 KB

Please go to facets.liquid file, find ‘{{ value.count }}’ and remove code:

Screenshot.png
Screenshot.png1322×799 45.6 KB

Hope it helps!

5

Nailed it!

Thanks a lot.

6

Hi @YUNIK ,

I am glad that my solution is helpful to you :grin: .