How can I remove product count on the Craft theme collections page?

Store Design

Topic summary

Main issue: Hide the “X products” count on the Craft theme’s collection page.

  • Initial guidance: Add a CSS rule to hide the count: .facets__form .product-count { display: none; } placed at the end of base.css. This did not work for the OP.
  • After store access (corrected password), the fix was updated: place the same CSS at the end of component-facets.css (the stylesheet for the filters/facets UI). This resolved it for the OP.

Context: CSS (cascading style sheets) is used to hide the product-count element without altering templates. component-facets.css controls styles for collection filters and related UI in Craft.

Open items/ongoing issues:

  • Another user reports the CSS in both base.css and component-facets.css still doesn’t remove the count.
  • Two users note it works on desktop but not on mobile; a mobile-specific solution is not provided yet.

Outcome: Resolved for the original poster by adding the CSS to component-facets.css. The thread remains open due to reports of non-working cases and mobile display issues. Screenshots were used to show code placement and the resulting UI change.

Summarized with AI on December 25. AI used: gpt-5.
10

Hello @aelitzer

Step 1: Go to Dashboard ->Online Store ->Theme-> Action->Edit code->

Step 2: Search the file component-facets.css

Step 3: Paste the below CSS at bottom of the file → Save

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

It will work for you.

If you find our reply helpful, please hit Like and Mark it as a Solution.

An award-winning North American Shopify Development Agency That Delivers Powerful Results, Innovation, and Secure Digital Transformation.

1 Like