Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi,
Really hoping someone can help out with this as I'm getting no answers online on how to do this and I am having no success on my end.
I have set collections that I need to hide the price on, these are to be used as product enquiry pages, I have managed to successfully duplicate and edit the code on the Product Theme Template for the products going into these collections to remove the Price, Add to Cart & Buy Now button and replaced it with an enquiry button, works great!
I have managed to duplicate the Collection Theme Template so I can turn this on and off ( Similar to the Product Theme Template I created earlier ) but now I am at a dead end where I cannot seem to alter the code to remove the price from the collection front end.
Not sure what I'm doing wrong or if there is an easy solution for this, is there anyone that can help with this as this is the last piece of the puzzle for what I need.
Using 3rd Party apps are not an option (Currently using them and it is killing our site speed which is why i'm trying to go down this route)
Here's a link to the page where the duplicated Collection Theme Template is in use, prices on the collection page still visible but when you click into the product you'll see i've managed to remove it.
https://www.mckeeverteamwear.com/collections/hide-price-test-product
Any help at all would be greatly appreciated!
Solved! Go to the solution
This is an accepted solution.
Hi @McKvrSports ,
This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code before </body>:
#shopify-section-Hide-Price .price {
display: none !important;
}
Step 3: Select template hide-price (that you have created) for the collection that you want to hide the price.
Ex: https://www.mckeeverteamwear.com/collections/hide-price-test-product -> This collection is currently using the hide-price template
I hope it would help you
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Hey @McKvrSports
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>
<style>
.template-collection dl.price.price--listing {
display: none !important;
}
</style>
This code will only hide prices from collections only.
Hi Moeed,
Thanks for the response,
Will this hide the prices from all collections on the site or only specific ones I want to hide the prices from?
I require pricing to be visible on the majority of collections we use but I need to hide them on specific collections.
Thanks
Can you please share links of those collection where you wanna display the prices so that I can tell you the code accordingly
Hi Moeed,
There are collections created every day which require prices both on the collection and the product to be visible.
There will be " Static " Collections that will never need to display prices on either the products within the collection and the collection itself.
Here's an example of a collection where prices are required throughout:
https://www.mckeeverteamwear.com/collections/eire-og-10324
Here's an example of a collection where prices will not be required at all:
https://www.mckeeverteamwear.com/collections/on-field
This is an accepted solution.
Hi @McKvrSports ,
This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code before </body>:
#shopify-section-Hide-Price .price {
display: none !important;
}
Step 3: Select template hide-price (that you have created) for the collection that you want to hide the price.
Ex: https://www.mckeeverteamwear.com/collections/hide-price-test-product -> This collection is currently using the hide-price template
I hope it would help you
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Hi Richard,
Thanks for this, worked perfectly!
Hi @McKvrSports
Great! I'm glad that I can help.😊
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Doesn't work for me. I followed Moeed instructions and Page-Fly instructions. Not working
I do not see a theme.css in Assets. I only see </> theme.js and </> theme.scss.liquid
I do not see a theme.css in Assets. I only see theme.js and theme.scss.liquid
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024