Shopify themes, liquid, logos, and UX
Hi, my client sent me this tutorial showing how to set up a collection of "coming soon" products. She has products that she can only sell in-store and wants to hide the price and add-to-cart button etc. for that collection only.
It looks like an awesome solution but does not seem to work on the Debut theme. Does anyone have any ideas for possible workarounds? I am using CSS to customize the site and thought I might be able to target the specific collection using the <body> class but am unsure of exactly how to implement it.
Any advice is so appreciated!
URL: https://robinskinstudio.com/
The collection we want to target is named DMK if that is needed.
Thank you!
-Gretchen
Solved! Go to the solution
This is an accepted solution.
Hi @robinskinstudio ,
Sorry for the late reply
You can follow the instruction below:
1. Go to Online Store->Theme->Edit code
2. template->/theme.liquid->Paste the code below before </body>:
{% if template contains 'collection' and collection.handle == 'dkm' %}
<style>
.price > div:not(.price__vendor) {
display: none !important;
}
</style>
{% endif %}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Hi @robinskinstudio ,
You can send the collection link where you have hidden the price and addtocard button so we can check it for you.
Thanks
Hi, thanks so much for your reply! Here is the link to the collection: https://robinskinstudio.com/collections/dmk
I am looking for help with hiding the price and add to cart button for this collection only, I have not yet implemented any code to do so. Thank you again for your help!
I would also like to change the text that says SOLD OUT to IN-STORE, both on the button and the product detail if that is possible. Thank you so much!
This is an accepted solution.
Hi @robinskinstudio ,
Sorry for the late reply
You can follow the instruction below:
1. Go to Online Store->Theme->Edit code
2. template->/theme.liquid->Paste the code below before </body>:
{% if template contains 'collection' and collection.handle == 'dkm' %}
<style>
.price > div:not(.price__vendor) {
display: none !important;
}
</style>
{% endif %}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Thank you! This was helpful in hiding the price on the collection page. Much appreciated!
Hello did you find a solution to hiding the cart button?
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025