Hiding Product Count from Collection Page

Store Design

Topic summary

A user seeks to hide the product count display on collection pages, having already successfully hidden the Sort By filters. They are comfortable working with code.

Solution Provided:

  • Add CSS code to the bottom of the theme’s CSS file
  • The code targets .collection-page .filters-toolbar__product-count span with display: none;
  • The original poster confirmed this solution worked

Follow-up Question:

  • Another user asks which specific CSS file to edit while using the Refresher theme
  • This question remains unanswered

Note: The conversation contains reversed/encoded text that appears to include links and code snippets.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

How do I hide the product count from a collection page?

Was able to hide the Sort By filters, but I don’t see an option for hiding product count.

I’m very comfortable with code so have no issue with updating that if need be.

Shop link: https://4juyzqz0gnarpx0n-27267825797.shopifypreview.com

Best,
Kaila

Screen Shot 2021-08-25 at 4.41.51 PM.png
Screen Shot 2021-08-25 at 4.41.51 PM.png3360×1214 164 KB

1 Like
2

@kailasachse

Please add the following code at the bottom of your CSS file.

.template-collection span.filters-toolbar__product-count {
    display: none;
}

Hope this works.

1 Like
3

That worked, thank you!!

1 Like
4

Which css file?

I am using theme, refresh.