I need to know how to REMOVE PRICE from SOLD OUT Items for FLOW THEME. No published resolutions have worked.
Topic summary
Goal: hide prices on soldâout products in the Flow theme.
What was tried:
- Initial suggestion to wrap price output with a Liquid condition checking product.price == 0 (not aligned with âsold out,â which depends on availability, not price).
- Detailed steps to edit theme code (Online Store > Themes > Edit code) and conditionally render price only when product.available is true. The user reported this did not work.
Key code context:
- In the Product sectionâs price block, price is output via the âproduct-pricingâ snippet and related elements. The âsoldOutâ translation string is present, but the actual display is controlled by the price block and snippet. Code snippets (Liquid, Shopifyâs templating language) are central to the solution.
Latest guidance:
- Wrap the entire price block with {% if current_variant.available %} ⌠{% endif %} so prices render only when the selected variant is in stock. Apply this in the Product section where the âpriceâ block is defined.
Status:
- Not yet confirmed resolved; site is passwordâprotected, preventing external verification. Discussion remains open pending user confirmation.
First you would need to find the code that renders price then wrap the price code inside this
{% unless product.price == 0 %}
{% endunless %}
Sorry you are facing this issue,
It would be my pleasure to help you.
Please share your site URL,
I will check out the issue and provide you with a solution here.
Hi Ketan, our site is password protected right now. Iâve been playing around in the code all day, is there a specific place in my assets, etc. I need to address the sold out status against listed price? I am using the FLOW template.
- Open your Shopify Admin.
- Navigate to Online Store > Themes.
- Find your Flow theme and click Actions > Edit code.
- In the Sections folder, look for the file product-template.liquid or similar (the file that displays product details).
- Look for the line that shows the product price, like this:
{{ product.price | money }}
â
- Replace the price code with this:
{% if product.available %}
{{ product.price | money }}
{% else %}
{% endif %}
â
- Click Save.
- Test a sold-out product to ensure the price is not displayed.
This didnât work. This is what is listed in the theme: âsoldOutâ: {{ âproducts.product.sold_outâ | t | json }},
This is whatâs in the Product Section when I search âmoneyâ:
{% when âpriceâ %}
{% comment %} ===== PRODUCT PRICE BLOCK ===== {% endcomment %}
{{ variant_compare_at_price }}
{% endif %}{% render âproduct-pricingâ, current_variant: current_variant %}
{% render âunit-price-measurement-variantâ, variant: current_variant %}
@thebonniebraes if you have share your URL that would be great to check code
- Replace your existing code with the modified version below:
{% when 'price' %}
{% comment %} ===== PRODUCT PRICE BLOCK ===== {% endcomment %}
{% if current_variant.available %}
{% if on_sale %}
{{ 'products.general.sale_price' | t }}
{{ variant_compare_at_price }}
{% endif %}
{% render 'product-pricing', current_variant: current_variant %}
{% render 'unit-price-measurement-variant', variant: current_variant %}
{% endif %}
This ensures that the price block is only displayed if the product is in stock.
Do I update the code in the âProductâ section? Which folder or section do I apply this to?
Yes, in Product Section Replace this code:
{% when 'price' %}
{% comment %} ===== PRODUCT PRICE BLOCK ===== {% endcomment %}
{% if on_sale %}
{{ 'products.general.sale_price' | t }}
{{ variant_compare_at_price }}
{% endif %}
{% render 'product-pricing', current_variant: current_variant %}
{% render 'unit-price-measurement-variant', variant: current_variant %}
with this code:
{% when 'price' %}
{% comment %} ===== PRODUCT PRICE BLOCK ===== {% endcomment %}
{% if current_variant.available %}
{% if on_sale %}
{{ 'products.general.sale_price' | t }}
{{ variant_compare_at_price }}
{% endif %}
{% render 'product-pricing', current_variant: current_variant %}
{% render 'unit-price-measurement-variant', variant: current_variant %}
{% endif %}