Hide Price of Sold Out product

Store Design

Topic summary

A user seeks to hide prices for sold-out products on their Shopify store using the Broadcast theme.

Proposed Solution:

  • Navigate to Online Store > Edit Code
  • Locate the product card file (e.g., card-product.liquid or product-grid-item.liquid)
  • Find the existing price display code: {{ product.price | money }}
  • Wrap it with a conditional statement:
    {% if product.available %}
  {{ product.price | money }}
{% endif %}

This Liquid code modification will display prices only for available products, automatically hiding them when items are sold out.

Status: Multiple community members requested the store URL to provide customized assistance, but a working code solution has been offered. The thread remains open for implementation feedback.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I’m using the Broadcast theme and would like to hide the price of Sold Out products. Any help appreciated.

Thanks

1 Like
2

@taylorle Can you please share this page link? we may do it using CSS

3

Hello @taylorle

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

1 Like
4

Hi, @taylorle

Can you please share the store URL so that I can check it for you?

5

Hello @taylorle ,

To hide the price of sold-out products in the Broadcast theme, follow these steps:

  1. Go to Online Store > Edit Code.

  2. Open the product card file (e.g., card-product.liquid or product-grid-item.liquid).

  3. Find the price code:

{{ product.price | money }}

Wrap it in this condition:

{% if product.available %}
  {{ product.price | money }}
{% endif %}

This will hide the price for sold-out products only.