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

Store Design
, ,
1

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!

2

@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 tag, edit it to make

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

3

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

4

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!

5

@donnymcx - welcome

6

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

7

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.