I want to add a strikethrough on my product variants even when "continue selling out of stock" is turned on in Minimog theme

Technical Q&A

Topic summary

A user running an e-commerce site on the Minimog theme wants to add strikethrough styling to sold-out product variants, even when “continue selling out of stock” is enabled. They’re using a preorder app that displays a preorder button when inventory reaches zero, but without visual indication that the variant is out of stock, customers are confused—especially when the first size option appears available.

Key Challenge:

  • The theme’s logic may not expose the necessary data attributes when “continue selling out of stock” is enabled, making it difficult to target out-of-stock variants with CSS or JavaScript.

Recommendation Provided:

  • Avoid using strikethrough for preorder items, as this creates poor UX by conflating “unavailable” with “available for preorder.”
  • Consider alternative visual cues: different highlighting or text overlays on the variant buttons themselves.
  • The preorder button label already communicates the status effectively.
  • A theme customization would be required to implement any solution.

The issue remains unresolved, with the user seeking a developer collaborator to implement the fix.

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

www.attituderetail.com is my website on Minimog theme and i want to add a strikethrough on my product variants where i am using a preorder app to make preorder button available when inventory gets less than or equal to zero. Right now there is no strikethrough and its confusing my customers in cases of my first size being sold out it appears without a strikethrough to them with a preorder button below

If anyone knows how to fix this kindly respond and share your email ill make u collaborator

2

Don’t misuse one visual cue for out of stock, ie. you cannot proceed , to mean other things.
That’s bad UX when the goal is to communicate preorder status.
And the add-to-cart button clearly being labeled Pre-order communicates that status just fine.
Be sure your not overthinking this.

Instead of a strikethrough either a different highlight, or even a text overlay on the button itself can be vastly superior.

Regardless of that , a theme customization would be needed on the themes logic.
Since when ‘continue selling out of stock’ is enabled there may not be attributes or data in the product section to target with either javascript or css to indicate this special status for each option

You can reach out to me for services(click profile pic on forums for options)