How to Remove Prices for Sold Out Items in Impact Theme?

[Nardurna]

I’m trying to find a way to hide prices on collection and product pages for sold-out items in the Impact Theme. I’ve tested a few methods I found for other themes, but none seem to work with Impact.

Thank you

[Dan-From-Ryviu]

Hi @Nardurna 

Could you share our store URL so I can check? 

[Nardurna]

Thanks for replying. Sure, it is nardurna.com but I don't have the Impact theme live as yet, I need it to be right before publishing

[Sweans]

Hi @Nardurna ,

If you'd like to hide the price for products that are not available in your store, you can do so by adding a simple code snippet to your product_card and main-product sections.

In the product_card snippet, insert the following if condition before the price is displayed:

{%- if card_product.available == true -%}

In the main-product section, insert this if condition before the price is displayed:

{%- if product.available == true -%}

This will ensure that prices are only shown for available products.

If you need further assistance, feel free to reach out!
I hope this helps! If it does, please like it and mark it as a solution!

Regards,
Sweans

[Nardurna]

Thank you Sweans,

I just tried to paste it into the product_card snippet but cannot find where to place it. There is only one mention of price. Please see screenshot.

Thank you

[Sweans]

Hi @Nardurna ,

To update your code and conditionally display the product price only when it is available, replace the selected code with the following:

{%- if product.available == true -%}
{%- render 'price-list', product: product, text_alignment: text_alignment -%}
{% endif %}

This will ensure that the price is displayed only for products that are available.

If you find this information useful, a Like would be greatly appreciated.
If this solves the problem, please Mark it as Solution!

Regards,
Sweans

[ZestardTech]

Hi @Nardurna 

Go to your Shopify admin panel.

Click on "Online Store" and then "Themes.

Find the Impact theme and click "Actions" and then "Edit code.

In the theme code editor, locate the product-template.liquid file. It is usually found in the "Sections" or "Templates" folder.

Look for the code that displays the product price. It might look something like this:

<span class="product-price">{{ product.price | money }}</span>

Modify the code to include a condition that checks if the product is sold out. You can use the product.available attribute to determine if the product is in stock.

{% if product.available %}
<span class="product-price">{{ product.price | money }}</span>
{% endif %}

This code checks if the product is available and only displays the price if it is in stock.