Globo Docs
GLO Color Swatch
GLO Color Swatch
  • Getting started
  • Product variants swatch
    • Variant swatch style
    • Display on product page
      • Show only images related to the selected variant
      • Required select swatch options before add to cart
      • Inventory variations on product page
  • Display on collection page, home page, other pages
    • Show add to cart button on slider, grid, list products
    • Clean up variant option in collection page
    • Display real-time product data as variations change
  • Choose type variant swatch
    • Set color for variant option value
    • Upload custom image for variant option value
    • Setup automate image variant product
  • Advanced setting variants swatch
    • Show/hide variant name
    • Show/hide tooltip
    • Out of stock style
  • Image swatch ratio
  • Bulk export & import variant options
  • Group products as variants
    • Group product style
  • Bundles
    • Setting up product bundles
    • Setting up quantity breaks
  • App integrations
    • PageFly Landing Page Builder
    • Gempage
    • Smart Product Filter & Search
  • FAQs
    • Why can’t I see the swatches for my new product?
    • My theme doesn’t support app blocks — how can I show or move the swatches?
    • Why does the app work on collection pages but not on the homepage or other pages?
    • Why don’t the images change when I pick a different swatch?
    • Why doesn’t the main product image update when I click a color swatch?
    • Why is the wrong product variant added to the cart?
    • Why do swatches disappear when I switch to another language?
Powered by GitBook
On this page
  • Setting
  • How it work? see out of stock example below
  • Out of stock not correct in collection page?
  1. Advanced setting variants swatch

Out of stock style

PreviousShow/hide tooltipNextImage swatch ratio

Last updated 1 month ago

In GLOBO Color Swatch, "Out of stock style" for variant swatches lets you control how unavailable options are displayed:

  1. Show all options: Display all variants with an "Out of Stock" label.

  2. Cross out options: Out-of-stock variants are crossed out.

  3. Grey out options: Out-of-stock variants appear faded.

  4. Hide options: Completely hide out-of-stock variants.

This helps customers easily see which options are unavailable.

Setting

  • In admin GLOBO Color Swatch, navigate to setting page

  • Find box Global appearance

  • Click style to choose style for option out of stock

  • Save setting

How it work? see out of stock example below

1

Your product have one variant

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 greend and gray


Out of stock not correct in collection page?

  • You need to check if you are turning off variant display on product collection in app

  • Go to admin GLOBO Color Swatch -> Options list -> check variant is turn off

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.

Cover

All option sold out

Cover

1 option sold out

Setting sold out