I would like to remove prices after an item is SOLD on Dawn theme

Topic summary

A user seeks to hide product prices when items are marked as sold out in the Dawn theme. This functionality previously worked via custom code but stopped after a theme update.

Solution Provided:

  • Add CSS code to the “Custom CSS” or “theme settings” section:
.price.price--sold-out {
  display: none;
}
  • This hides prices from visitors while keeping them in the HTML code
  • The solution persists through theme updates since it uses theme/section settings rather than direct file edits

Follow-up Question:
Another user asks whether it’s possible to display “Sold Out” text instead of simply hiding the price entirely.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.

I once had someone edit code for me to make prices disappear after products sold. After updating Dawn theme, that no longer happens. Is there code that I can edit each time my theme needs an update.

Thank you .

I am reposting as I think I asked this question in the wrong area first.

www.cynthiaminoli.com

You can add the following code to the “Custom CSS” section setting (or even under “theme settings”):

.price.price--sold-out {
  display: none;
}

The prices will still be output in HTML code, but will be hidden from visitors.

Since this is a theme/section setting this will persist when you update your Dawn theme.

1 Like

Thanks Tim,

I will give this a try.

1 Like

Hello,

is it possible to display the text “Sold Out” to replace the price instead of just hiding the price?