How can I remove pricing from product cards in a specific collection using Dawn?

donnymcx
Visitor
2 0 2

Hi! I'm building the website for our store, and I need to remove pricing for one specific collection. I have already managed a hacky way to remove the price from product page and insert a "Request a Price" button, but now on the collection page it shows the prices as $0.00. I need to remove the pricing for this collection only, named "Flooring". I have okay experience with CSS but liquid and JS are a new ballgame for me, any help is greatly appreciated. I have tried a few tutorials but none have worked thus far. 

 

Below is the website.

 

https://floorwabathroomreno.au

 

Thanks in advance!

Replies 6 (6)

suyash1
Shopify Partner
9124 1135 1481

@donnymcx - you are using dawn theme and you want to do it for this section only, so we will need to edit the theme code a bit... you can

1] go to theme.liquid file

2] you will have <body> tag, edit it to make <body class="{{collection.handle}}">

 

this will add unique classes for collections pages and then using this hierarchy css, you can hide prices

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session

PageFly-Victor
Shopify Partner
7865 1785 3054

Hi @donnymcx 

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

 

Online Store ->Theme ->Edit code

Assets ->component-card.css

.price {
    display: none;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

donnymcx
Visitor
2 0 2

Thanks for taking the time to respond, however I am trying to only apply this to one collection, out of the 6+ already on the store. 

 

**EDIT**

I created a new template and just added that extra code to the custom CSS box. Thanks to @PageFly-Victor and @suyash1 for their help!

suyash1
Shopify Partner
9124 1135 1481

@donnymcx - welcome

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
PageFly-Victor
Shopify Partner
7865 1785 3054

@donnymcx you're welcome. I'm glad when it helps.

YogaBear
Tourist
10 1 0

May I know what kind of template did you create ?
I am also trying to hide the prices for products that will be in the coming soon collection that I am about to create. 
Will this also block the costs if they are able to click into product to view it's details.