Hello, I have a technical issue, I can’t remove the number of shown in the Collection List page,
the “1” you can see on the following screenshot. I only want the collection name to be shown.
Is that possible?
Thank you for helping!
Topic summary
Removing the product count number (“1”) displayed next to each collection name on the Collection List page, leaving only the collection title visible.
-
Initial guidance: Edit the theme.liquid file and add custom code above the tag. This attempt had no effect (the provided code snippet was empty in the post).
-
Follow-up steps: After receiving the store URL (https://yza-shop.com/collections), a targeted CSS fix was suggested.
-
Proposed solution: In base.css, add the rule:
.count-product { display: none !important; }
This CSS hides the element with the class count-product, which appears to control the visible number on the collection list. -
Status: Awaiting confirmation that the CSS change resolves the issue; no final resolution reported yet.
-
Notes: A screenshot was shared but the CSS solution is central to understanding. CSS (Cascading Style Sheets) controls visual presentation; the rule uses !important to override other styles.
1 Like
Hello @myhope
This is Amelia at PageFly - Shopify Advanced Page Builder app.
You can try the following steps I have provided to help you solve the problem you are facing:
Step 1: Online Store → Themes → Edit Code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag
Hoping my solution helps you solve your problem.
Best regards,
Amelia | PageFly
1 Like
Hello, thank you so much I tried to do it but it has no effect and the 1 is still diplayed..
Could you please share your URL store? Thanks!
1 Like
Sure here it is: https://yza-shop.com/collections
Hello @myhope
You can try the following steps I have provided to help you solve the problem you are facing:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file base.css
Step 3: Add code
.count-product {
display: none !important;
}