Shopify themes, liquid, logos, and UX
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!
@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
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
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!
@donnymcx - welcome
User | RANK |
---|---|
76 | |
65 | |
64 | |
53 | |
49 |
We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023