Ensure a polished customer experience on your collections page by customizing how out-of-stock Shopify Variants are displayed. Follow this guide to manage visibility and maintain the aesthetic of your online store even when items are unavailable.
Step 1: Identify Your Shopify Variant Option and its Associated Collection Page Style
Determine which Shopify Variant option you want to configure for out-of-stock visibility, and find the style linked to it. Identify your Shopify Variant and its style here.
Step 2: Customize Out of Stock Settings via Collection Page Style
After pinpointing the variant option, head over to the
Collection page styleto customize its out-of-stock display settings on your collections page. Refer to our Style Library guide for step-by-step instructions.
By setting up these configurations, you can decide whether to strike out, grey out, or hide out-of-stock variants, thereby delivering a clear message to your customers regarding product availability.