Show sold out badge only when product is sold out

Topic summary

Main issue: The storefront shows a “Sold out” badge area (a white box) even when products are available. The request is to hide the badge entirely—and remove the empty white box—unless the product is actually sold out.

Details provided:

  • Store URL (password-protected): matibrnd.com (pass: biangu).
  • A screenshot is included; the image is central to visualizing the unwanted white badge container.

Requested help:

  • Guidance on CSS/theme customization to conditionally display the “Sold out” badge only when inventory is zero.
  • Remove or not render the badge container when items are in stock (avoid empty placeholder styling/markup).

Context:

  • Category: Store Design. Tags: css, customizations, design.

Status/outcome:

  • No solution or code shared yet. The thread remains open pending implementation advice or specific CSS/theme code adjustments.
Summarized with AI on January 6. AI used: gpt-5.

Hi i want to hide sold out bage when product is available and not have the white box there. But only show it once its sold out can someone help?

URL: https://matibrnd.com/

Pass: biangu