Shopify Variants and Options: Complete Setup Guide

Understanding Options vs Variants

Options are the categories customers choose from: Size, Color, Material.

Variants are every possible combination of those options. They're what Shopify actually tracks in inventory.

Example:

• •Options: Size (S, M, L, XL) and Color (Black, White, Navy)
• •Variants: S/Black, S/White, S/Navy, M/Black, M/White, M/Navy, L/Black, L/White, L/Navy, XL/Black, XL/White, XL/Navy
• •Total: 4 × 3 = 12 variants

Each of those 12 variants is an independent SKU with its own inventory count, price, and barcode.

Setting Up Variants

Step 1: Go to Products > Add product (or edit existing).

Step 2: Scroll to the "Variants" section. Click "Add options like size or color."

Step 3: Name your first option (e.g., "Size"). Add values (S, M, L, XL).

Step 4: Add a second option if needed (e.g., "Color"). Add values (Black, White, Navy).

Step 5: Shopify auto-generates all combinations. You'll see a variant table with every combination listed.

Step 6: For each variant, set:

• •Price (can differ per variant — charge more for XXL if material cost is higher)
• •SKU (unique identifier for each variant)
• •Barcode (if applicable)
• •Inventory quantity (per location)
• •Weight (for shipping calculations)

Step 7: Link images to specific variants. Click a variant, then assign the correct product image. When a customer selects "Blue," the product images switch to show the blue version.

The 100-Variant Limit

Shopify caps each product at 100 variants. This limit is hit faster than you'd think:

• •5 sizes × 4 colors = 20 variants (under limit)
• •5 sizes × 4 colors × 3 materials = 60 variants (under limit)
• •5 sizes × 8 colors × 3 materials = 120 variants (over limit)

Workarounds when you hit 100:

Split into separate products. Create "Premium Cotton T-Shirt" and "Polyester Blend T-Shirt" as two products, each with Size × Color options. Use a collection page to group them.

Use line item properties. For customization options that don't affect price or inventory (like engraving text or a monogram), use line item properties instead of variants. These are text fields on the product page that pass to the order without creating variants.

Product option apps. Apps like Infinite Options, Bold Product Options, or Product Customizer add unlimited options beyond Shopify's 3-option limit. They handle configurations like custom text, file uploads, date pickers, and conditional options (Option B only shows if Option A is selected).

Pricing Variants Differently

Common scenarios for variant-specific pricing:

Size-based pricing. XXL t-shirts use more fabric. Set XXL at $2–$3 more than S–XL. Customers understand and accept size-based pricing.

Material-based pricing. Organic cotton costs more than conventional. Set the organic variant at a premium.

Bundle variants. Offer "Single," "3-Pack," and "6-Pack" as variants of the same product. Each with its own price. This is simpler than creating separate products.

Setup: In the variants table, click the price field for each variant and enter the specific price. Variants default to the product's base price, so you only need to change the ones that differ.

Variant Images

Linking images to variants is essential for color-based options:

Step 1: Upload all variant images to the product's media gallery.

Step 2: In the variants table, click a variant (e.g., "Blue / Medium").

Step 3: Assign the relevant image to that variant.

Step 4: Repeat for each color variant.

Now when a customer clicks "Blue," the product images automatically switch to show the blue version. This is standard behavior in all modern Shopify themes.

Pro tip: You can assign the same image to multiple variants. All "Blue" variants (regardless of size) should share the same set of blue product images.

Variant Inventory Management

Each variant tracks inventory independently. This means:

• •"Black / Small" can be in stock while "Black / Large" is sold out
• •You can set different reorder points per variant
• •Inventory transfers are per-variant
• •Sales reports break down by variant

Best practice: Set "Continue selling when out of stock" at the variant level, not the product level. You might want to allow backorders for popular variants while stopping sales on slow movers.

Back in Stock notifications. When a variant sells out, show a "Notify Me" button instead of just disabling the option. Apps like Back in Stock and Klaviyo Back in Stock capture email addresses and automatically notify customers when inventory is replenished.

Display Options: Dropdowns vs Swatches

Shopify's default is dropdown menus for option selection. Swatches are better:

Color swatches show actual colors or product images as small clickable squares. Customers see all color options at a glance instead of clicking a dropdown. This converts 10–15% better for color-heavy products.

Size buttons display sizes as clickable buttons (S, M, L, XL) rather than a dropdown list. Faster selection, better UX.

How to implement: Most premium Shopify themes include swatch support natively. For free themes, apps like Variant Option Product Options or custom Liquid code can convert dropdowns to swatches.

Handling Out-of-Stock Variants

Three approaches:

Gray out (recommended). Show the variant but make it unclickable and visually muted. Customers see the full range and know it exists but can't select it. Add "Notify Me" for back-in-stock alerts.

Hide completely. Remove out-of-stock variants from the selector. Simpler but customers don't know the option exists. Can be confusing if they saw it previously.

Allow backorder. Keep the variant purchasable with a "Ships in 2–3 weeks" note. Only works if your supplier can reliably deliver within that timeframe.

Common Variant Mistakes