How can I hide prices for items that are sold out?

Shopify Discussion
1

Currently, in my online store, some of the items are sold out. However, I would like to change my pages so that when an item is sold out(quantity = 0), the price for that item, or variant, is hidden. How can I go about doing that?

Sorry, I am not sure what theme I am using, since I just started using Shopify.

2

Hey there, you have to put some codes on your product-template.liquid file on your theme. Send me your store link and let me know if you need help to do this. Best of luck!

3

My store link is scwtire.com. Thank you for your time!

4

You’ll need to track down where your price occurs in your product.liquid file. Inside that file you may see something like:

{% section 'product-template' %}

//or

{% include 'product-template' %}

If it says section, you’ll be looking for a section file named “product-template.liquid” – If it says include, you’ll be looking for a Snippet with that name. Then locate your price in your code. Ctrl + F and search for price. There may be a couple instances of it or more. You’ll be looking for something like:

{{ product.selected_or_first_available_variant.price }}

It could be something different, there’s no telling really. You’ll need to put something next to it to see if you’re in the right spot. Save, then refresh to see if whatever you typed appears next to the product price. If it does, then you know you’re in the right spot and you can put a conditional statement around it:

{% if product.available %}
{{ product.selected_or_first_available_variant }}
{% endif %}

Then it will only show it if it is available.

2 Likes
5

HI Ninthony

I’am trying to do the same with hiding the price when Sold. I have followed your steps closely but when I paste the code into my store near where I tested some text it doesn’t hide the sale price. Can you help? www.tasmanianacoustictonewood.com.au/

Thanks,

Bentley

6

@Ninthony

Nice but i can’t seem to find the function that shows the price?

So, a section (line 154…minimal theme) of the “product-template.liquid” (please see below, where would i place another condition please?).

  1. Just wanna hide price of “out of stock” items & display “unavailable” if possible please? :slightly_smiling_face: cheers
{% if section.settings.product_vendor_enable %} {{ product.vendor }} {% endif %}

{{ product.title }}

{% assign variant = product.selected_or_first_available_variant %}
{{ 'products.product.regular_price' | t }} {{ product.price | money }}

{% if product.compare_at_price > product.price %}
{{ ‘products.product.sale_price’ | t }}

{{ product.compare_at_price_max | money }}

{% else %}
{{ ‘products.product.sale_price’ | t }}

{{ product.compare_at_price_max | money }}

{% endif %}

{% include ‘product-unit-price’, variant: variant, available: true %}

7

I need help with this as well. I see the line of code as referenced above but I don’t know what condition to put in to hide the price for sold out items.

Please help.

8

Hello there,

I am trying to do the same and i have followed the steps above but it doesn’t seem to be working? I am trying to hide the price on sold out products but I want to keep the product on show.

I look forward to your response

Thanks

Rekha

9

I am also trying to hide the price on sold out items whilst still having the Sold Out tag showing. I am using the Debut theme. Its a shame there isn’t an easy fix for this :confused:

10

I highly appreciate your hard-working skills as the post you published have some great information which is quite beneficial for me, I hope you will post more like that in the future

11

Prices are likely now in the price.liquid file, where I did it like this (Dawn 6.0.2 theme):

{% if product.available %}
   
     {{ money_price }}
   
{% endif %}
1 Like
12

Hi Ninthony, I need help with this. Would like to hide price for Sold out Items. Could you help me? Thanks

13

Hi im having the same issue and it doesnt seem to work, could you help?