How to remove price from "coming soon" products? SUPPLY THEME

[gerlikask]

Hi,

How can I remove prices from products that are not yet available (coming soon)? I created a new template for products and was able to remove the price, however, when I add the "coming soon" collection to my online shop, it still shows prices under the products. Also, when I choose the FEATURE COLLECTION or any other section that features these products on the home page, then the prices are shown as well.

This is how the product page looks

This is how it looks in an online shop or when I use to want to feature the products on the home page

I'm using a supply theme.

Thanks so much for your help.

Cheers

[gerlikask]

This is how it looks in the online shop.

[suyash1]

@gerlikask - this will need code editing, are you familiar with liquid coding?

[gerlikask]

@suyash1 thanks for your response. I have edited codes on shopify before by following instructions. 

[suyash1]

@gerlikask  ok great

- please go to product item (file name can be product item or product card) 

- since you created new template for these products, you can check if product template is this new one

- if it is NOT then only show price code

- if it is NEW template then hide price code

[Ahsan_ANC · Accepted solution]

Hi, @gerlikask 

You can try this code

1. Go to Online Store-> Theme->Edit code
2. Snippets-> product-grid-item.liquid ->paste the below code the specified location(see Screenshot).

Please also create a tag on all the products that are coming soon. I have selected the tag name as "comingsoon". please copy the same text to all the products tag section.

Code before the blue box

{% unless product.tags contains 'comingsoon' %}

Code after blue box

{% endunless %}

Result

[gerlikask]

It worked. Thank you so much 🙂

[kelseycurran]

Brilliant, thank you!