The display of out-of-stock Shopify Variants on product pages is crucial for maintaining transparent communication with your customers. This guide will help you adjust these settings to reflect your store's approach to inventory visibility. You can hide, grey out, strike out or display OOS variants like a normal variant.
Step 1: Identify the Style for Shopify Variants
Begin by identifying the Style(product/collection page) assigned to your Shopify Variant for which you want to change out-of-stock configuration. Here's the guide to determine the design linked to your Shopify Variant.
Step 2: Customize Out of Stock Settings via the product/collection page styles section.
With your style identified, go to the styles section to change how these out-of-stock options appear on your product page. Follow our Design Library guide to customize your settings.
Tailoring out-of-stock variant displays helps manage customer expectations and maintains a professional look on your product pages.