Re: Hiding prices in collections

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
9534 1916 1950

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 and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
9534 1916 1950

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 and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Moeed
Shopify Partner
5334 1443 1727

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 Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


dmwwebartisan
Shopify Partner
12321 2552 3729

@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