Hide or Cross out unavailable product variants

Topic summary

Goal: Merchant using the Shopify Refresh theme wants unavailable product variants (option combinations) to be hidden or visibly disabled (greyed out/crossed out) so customers can’t click them. They believe the change may require edits in main-product.liquid and asked for code.

Key updates:

  • A responder requested the store URL/password to review. The merchant shared the storefront link and password.
  • Another participant shared a YouTube tutorial link that presumably demonstrates how to disable or hide unavailable variants.

What’s provided/central:

  • External resources: a video tutorial link is the only concrete guidance shared so far. An image of the variant layout was included for context.

Status/outcome:

  • No code snippet or confirmed solution has been posted in-thread yet.
  • The issue remains open pending either custom code, theme settings guidance, or validation of the video tutorial approach.
Summarized with AI on January 5. AI used: gpt-5.

https://youtu.be/Rs6o1HdsKF8 checkout it this tutorial here