How to Remove Prices for Sold Out Items in Spotlight theme?

Store Design
, , , ,

Topic summary

A user seeks to hide prices for sold-out items in Shopify’s Spotlight theme, both on product grids and individual product pages. Previous solutions for other themes haven’t worked.

Solution Provided:
Wrap existing price code with a conditional statement:

{% if product.available %}
  [existing price code]
{% endif %}

Progress Made:

  • Product pages: Successfully implemented in sections/main-product.liquid by wrapping the price render code within the availability condition. Now displays only “SOLD” without pricing.
  • Collection pages: Still unresolved. The user located sections/featured-collection.liquid but needs guidance on where exactly to insert the conditional code to hide prices in the product grid.

Current Status:
Partially resolved—awaiting specific instructions for implementing the fix in the featured collection template.

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

How do I do to remove the prices for sold out items in the Spotlight theme. Both in the product grid and when looking at each sold product?

I am using the Spotlight theme for my website and I have tried the solutions for the other themes but those do not work on this theme.

Does anyone have the skill to solve this?

2

@E_r_i_k

Hi , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

3

Hello @E_r_i_k ,

You need to find the price code in collection and product template and wrap it with this condition

{% if product.available %}

Your existing price code

{% endif %}

Regards
Guleria

4

Thank you, that sounds like a good advice. I am not that familiar with coding. Could you please be more specific? I clicked on edit code on the two pages (featured collection and main product) where the prices show for the sold products.

I was then directed to these two pages in the code editor: sections/featured-collection.liquid and sections/main-product.liquid. Is that where I should write the code?

Where in these pages do I write added code you suggested?

{% if product.available %}

Your existing price code

{% endif %}

So grateful for any help!

5

I still have not been able to remove the price for sold products on the featured collection. Where in that featured collection code do it add your suggested code input? When I click on edit code on the featured collection page I am directed to the “sections/featured-collection.liquid” but then I do not understand how to get rid of the price there for the sold products. Please help!

However your suggestion DID work on the main product page. I added your suggested code there and it successfully removed the price and now only shows SOLD when opening each specific product page.

This is where I added it in the “sections/main-product.liquid” and it worked there:

{%- when ‘price’ -%}

{% if product.available %} {%- render 'price', product: product, use_variant: true, show_badges: true, price_class: 'price--large' -%} {% endif %}
6

Great same you have to do for a featured collection but before that you have to find that piece of code which manages price in it.