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

Solved

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

aelitzer
Tourist
35 0 2

Hi,

 

I am using the theme "Craft" and would like to remove the total "92 products" product count on the collections page.Screen Shot 2023-01-24 at 12.58.52 PM.png

Does anyone have any guidance on how to do so?

 

Thanks,

Amy

Accepted Solution (1)
WebDeskSolution
Shopify Partner
176 42 49

This is an accepted solution.

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.

Thank You,


WebDesk Solution Support Team
Get a Free Quote | Email | Shopify Partner | Shopify Development Agency | Call Us 877.536.3789


Location: 150 King St. W. Toronto, ON M5H 1J9

View solution in original post

Replies 13 (13)

WebDeskSolution
Shopify Partner
176 42 49

Hello @aelitzer 

 

Once you Log in to the Admin, then process the following steps:

 

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

Step 2: Search the file base.css

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

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

 

Output:

WebDeskSolution_0-1674583862021.png

 

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.

Thank You,


WebDesk Solution Support Team
Get a Free Quote | Email | Shopify Partner | Shopify Development Agency | Call Us 877.536.3789


Location: 150 King St. W. Toronto, ON M5H 1J9

aelitzer
Tourist
35 0 2

Hmm that didn't seem to make any change to it. See below for the code I added at the bottom of base.css.

 

Screen Shot 2023-01-24 at 1.38.27 PM.png

WebDeskSolution
Shopify Partner
176 42 49

Hello @aelitzer 

 

Please give us the store URL OR the Collection page URL so we can check why it's not working on your end.

Thank You,


WebDesk Solution Support Team
Get a Free Quote | Email | Shopify Partner | Shopify Development Agency | Call Us 877.536.3789


Location: 150 King St. W. Toronto, ON M5H 1J9

aelitzer
Tourist
35 0 2

https://1ca775.myshopify.com/ - password label shopper

aelitzer
Tourist
35 0 2

@WebDeskSolution any advice?

aelitzer
Tourist
35 0 2

@EBOOST you've been super helpful in the past. Any thoughts on a solution here?

WebDeskSolution
Shopify Partner
176 42 49

Hello @aelitzer 

 

Store password is not working.

Thank You,


WebDesk Solution Support Team
Get a Free Quote | Email | Shopify Partner | Shopify Development Agency | Call Us 877.536.3789


Location: 150 King St. W. Toronto, ON M5H 1J9

aelitzer
Tourist
35 0 2

My apologies! it's labelshopper with no space

WebDeskSolution
Shopify Partner
176 42 49

This is an accepted solution.

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.

Thank You,


WebDesk Solution Support Team
Get a Free Quote | Email | Shopify Partner | Shopify Development Agency | Call Us 877.536.3789


Location: 150 King St. W. Toronto, ON M5H 1J9

aelitzer
Tourist
35 0 2

Perfect, thank you!!!

amajra
Visitor
1 0 0

Hello, could you also help me with the same?

I've tried to add this CSS both in base.css and component-facets.css but still doen's work and I can see the quantity of products.

 

Thanks in advance.

themallheather
Visitor
1 0 0

Hi, this works for the web version on a computer but not on a phone. How do we remove the product count with the craft theme mobile version of the site? 

hayleycoles
Visitor
1 0 0

Hey did you manage to fix this? Im having the same issue with the mobile side