Solved

How to remove prices only on the collection page without affecting the entire site?

Niki123
New Member
4 0 0

I am trying to remove the pricing only on the collection page, but it keeps removing prices across the entire website. I am using the following code: 

 

<style>
html:has([href="/collections/all"]) .price {
display: none !important;
}
</style>

 

How do i go about only removing the prices on the collections, and not the products pages (catalogue page, https://myricobabyeurope.com/collections/all). Thanks!

Accepted Solution (1)

Liqiud_xPert_SJ
Shopify Partner
854 105 133

This is an accepted solution.

@Niki123 

Please use below css code hopefully it will work for you.

 

#ProductGridContainer .card-information .price {
	display: none;
}

 

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

View solution in original post

Replies 2 (2)

Liqiud_xPert_SJ
Shopify Partner
854 105 133

This is an accepted solution.

@Niki123 

Please use below css code hopefully it will work for you.

 

#ProductGridContainer .card-information .price {
	display: none;
}

 

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

Moeed
Shopify Partner
3808 962 1193

Hey @Niki123 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

{% if template contains 'collection' %}
<style>
.price {
    display: none !important;
}
</style>
{% endif %}

RESULT:

Moeed_0-1712648613302.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️