Remove product count from Collection page (Ride theme)

[YUNIK]

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!

[GemPages · Accepted solution]

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

[YUNIK]

Nailed it!

Thanks a lot.

[GemPages]

Hi @YUNIK,

I am glad that my solution is helpful to you 😁.

[KetanKumar]

@YUNIK 

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

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

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

[Litos]

Hi @YUNIK,

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

- 1: With product count here:

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

.facets__form .product-count {
      display: none !important;
}

- 2: With filter:

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

Hope it helps!