Solved

How can I effectively hide prices in product collections?

Marb2023
Tourist
7 0 2

Hi. How can I hide prices so that they don't show in collections? None of the suggested methods I read about so far does work 😕

https://afc0f3-3.myshopify.com/?_ab=0&_fd=0&_sc=1

 

Screenshot 2023-11-21 at 09.08.35.png

 

 

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

This is an accepted solution.

Hi @Marb2023 

Please go to your Online store > Themes > Edit code > open theme.liquid file, add this code below before </head> tag and save file 

<style>
.grid-product__price { display: none !important; }
</style>

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

This is an accepted solution.

Hi @Marb2023 

Please go to your Online store > Themes > Edit code > open theme.liquid file, add this code below before </head> tag and save file 

<style>
.grid-product__price { display: none !important; }
</style>

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Moeed
Shopify Partner
3697 932 1166

Hey @Marb2023 

 

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

<style>
.grid-product__price { 
    display: none !important; 
}
</style>

 

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. ❤️

dmwwebartisan
Shopify Partner
12291 2547 3698

@Marb2023 

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

.template-index .collection-switcher__collection .grid-product__meta .grid-product__price {
    display: none;
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app