"Coming Soon" Products / Targeting a specific collection

Solved

"Coming Soon" Products / Targeting a specific collection

robinskinstudio
Tourist
6 0 2

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

 

Accepted Solution (1)
AvadaCommerce
Shopify Partner
3879 840 1001

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.

banned

View solution in original post

Replies 6 (6)

AvadaCommerce
Shopify Partner
3879 840 1001

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

banned
robinskinstudio
Tourist
6 0 2

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!

 

 

robinskinstudio
Tourist
6 0 2

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!

AvadaCommerce
Shopify Partner
3879 840 1001

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.

banned
robinskinstudio
Tourist
6 0 2

Thank you! This was helpful in hiding the price on the collection page. Much appreciated!

millyen
Tourist
9 0 1

Hello did you find a solution to hiding the cart button?