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
Topic summary
Goal: hide prices on collection and product pages for sold‑out products in the Impact theme (Shopify).
Proposed approaches:
- Collection cards: wrap the price output in a condition using the card object. Example: {%- if card_product.available == true -%} …price… {% endif %}.
- Product page: wrap price display with product availability. Examples:
• Basic: {% if product.available %} {{ product.price | money }} {% endif %}
• Impact-specific: {%- if product.available == true -%}{%- render ‘price-list’, product: product, text_alignment: text_alignment -%}{% endif %}.
Implementation notes:
- Edit relevant theme files (e.g., product_card snippet for collection grid and main-product/product-template for product page).
- “available” is a Shopify attribute indicating the product is in stock; the conditional hides price for sold-out items.
Current status:
- The requester struggled to locate the correct insertion point in product_card (shared a screenshot showing only one price reference).
- Latest guidance suggests replacing the selected price render with a conditional around the ‘price-list’ render for the product page. Clarity on the exact spot in product_card remains pending.
Outcome: no confirmed resolution yet; thread appears ongoing.
1 Like
Hi @Nardurna
Could you share our store URL so I can check?
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
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
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
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:
{{ product.price | money }}
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 %}
{{ product.price | money }}
{% endif %}
This code checks if the product is available and only displays the price if it is in stock.
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