Configure Out-of-stock style for variants

This helps shoppers quickly identify which options are available and which are out of stock.

Available Styles

1 - Show All Options

Display all variant options, including out-of-stock variants.

Customers can still see unavailable options, which may help them understand the full range of available products.

2 - Cross Out Option

Out-of-stock variants remain visible but are displayed with a strikethrough effect.

3 - Grey Out Option

Out-of-stock variants remain visible but appear faded or disabled.

4 - Hide Options

Completely hide out-of-stock variants from customers.

Only available options will be displayed.

---

How to Set Up

1. Open the Globo Color Swatch app.

2. Navigate to the Settings page.

3. From the Out-of-Stock display setting, select the display style you want to use.

4. Click Save to apply your changes.

How it work? see out of stock example below

1

Your product have only one variant

All option sold out

1 option sold out

2

Your product have 2 or more variants

Sold-out status is applied to each specific variant combination (e.g., color + size).

• When a customer selects a color, Shopify will show the "sold out" status for the sizes that are not available for that color.

• When a customer selects a size first, the "sold out" status will not automatically apply to the colors, only showing the colors that still have that size available.

In short, the "sold out" status only applies to each specific combination (color + size) and doesn't work in reverse. When a customer selects an option (color or size), Shopify will only show the available options for that choice and will not "sold out" the other options.

• All combination is sold out

  
• Black have some size is sold out

• All size combination sold out with green and gray colors

---

Out of stock not correct in collection page?

• You need to check if you are hiding any specific variant on collection page.

Example:

• Your product has 2 variations: color, size

• Color: White, Pink, Black, Green, Gray

• Size: S, M, L, XL, XXL

How it works:

• Let's say you have a Pink product, with size S out of stock, but sizes M and L are available. If you turn off the size option on the collection page, the stock will be calculated based on the first size (S).

• Since size S is out of stock, the Pink color will show as "out of stock," even though it’s available in other sizes (M, L).

In short, when you turn off the size option on the collection page, the system will calculate stock based on the first size (S), and if that size is out of stock, the entire color will be marked as out of stock, even if other sizes are available.