How to Manage Product Variants (Sizes, Colors, Flavors) in Your Online Store

If you sell a t-shirt in 4 sizes and 5 colors, you theoretically have 20 different products — but listing them as 20 separate catalog entries would be a nightmare to manage and confusing to browse. Product variants solve this by letting you list one product with selectable options.

Here's how to think about and set up product variants effectively.

What Are Product Variants?

Product variants are different versions of the same product that differ in one or more attributes — such as size, color, flavor, or material — but are otherwise the same item.

Examples:

  • A batik shirt available in S, M, L, XL (size variant)
  • A tote bag available in black, brown, or cream (color variant)
  • A cookie set available in Original, Chocolate, or Matcha (flavor variant)
  • A phone case available in 4 colors AND 3 phone models (multi-dimensional variant)

Why Variants Matter for Your Business

For customers

Customers can select exactly what they want without contacting you. "I want the blue one in size M" becomes a self-service action instead of a WhatsApp conversation.

For you

Instead of listing 20 separate products, you manage one. When the product's price or photo needs updating, you update it once. Stock tracking becomes much cleaner when variants are properly set up.

Variant Pricing: Same Price vs. Different Prices

Decide upfront whether your variants all share the same price or have different prices:

Same price for all variants

Common for clothing (same price regardless of size), this is the simplest setup. One price, multiple options.

Different prices per variant

Common when the variant represents meaningfully different value — e.g., a small cake for Rp 85.000 and a large cake for Rp 160.000. Or a phone case where the premium model of the phone has a slightly higher-priced case.

How to Set Up Variants in Catalo.id

Step 1: Go to your product settings

In your product dashboard, find the product you want to add variants to and click Edit. Look for the "Variants" or "Options" section.

Step 2: Define your variant type

Name the variant attribute. Examples: "Size", "Color", "Flavor", "Weight".

Step 3: Add the options

List each option within that variant type. For Size: S, M, L, XL. For Flavor: Original, Chocolate, Matcha.

Step 4: Set pricing per variant (if applicable)

If different variants have different prices, set them individually. If all variants share the same price, set it once at the product level.

Step 5: Upload variant-specific images (optional but recommended)

If variants look different (e.g., different colors), upload a distinct photo for each variant. When a customer selects "Blue," the blue version of the product appears automatically. This significantly reduces confusion and improves purchase confidence.

Managing Stock per Variant

If you track stock (highly recommended), set stock levels per variant, not per product. Knowing you have "10 units in stock" for a t-shirt is useless — you need to know "3 in S, 5 in M, 2 in L."

When a variant sells out, it should automatically display as unavailable. Customers who see "Size XL - Out of Stock" appreciate the transparency — they don't waste time placing an order you can't fulfill.

Common Mistakes with Product Variants

Too many variants creates choice paralysis

Offering 15 color options for a single product sounds like more choice, but it can overwhelm customers and reduce conversion. Consider which variants actually sell and remove ones that rarely get selected.

Inconsistent naming confuses customers

Don't mix size naming conventions across products. If most products use "S / M / L / XL," don't use "Small / Medium / Large" for one item. Consistency reduces cognitive load.

No images per color variant

If you're selling something in 3 colors but only show one photo, customers can't confidently choose. Upload a separate photo for each color — this alone can significantly increase conversions.

Listing out-of-stock variants without flagging them

Customers who select a variant and then discover it's unavailable at checkout get frustrated. Mark variants as sold-out as soon as they run out — don't wait until customers experience the problem.

When to Use Variants vs. Separate Products

Use variants when the items are fundamentally the same product with surface-level differences (size, color, flavor). Create separate products when the items are meaningfully different in use, appearance, or price point.

Use VariantsUse Separate Products
T-shirt in 4 sizesTwo completely different t-shirt designs
Cookie in 3 flavorsCookies vs. brownies vs. cakes (different items)
Bag in 3 colorsTote bag vs. backpack vs. clutch
Small vs. large portion of same dishTwo entirely different menu items

Frequently Asked Questions

How many variants can one product have?

This depends on your platform's limits, but for most sellers, the practical limit is what customers can reasonably choose between. More than 2–3 variant dimensions (e.g., size + color + material) starts to get complex and may warrant separate product listings.

What if I only have stock for some variants?

Show all variants but mark unavailable ones as "Out of Stock." Customers appreciate seeing what you have, even if they can't order the specific option they wanted today. It also signals that the option exists and may be restocked.

Should I charge different prices for plus sizes?

This is a business decision. Many brands charge the same price for all sizes as a matter of inclusivity. Others charge slightly more for XL+ to cover material costs. Be transparent about any price differences — list them clearly per variant.

Well-managed product variants reduce the back-and-forth with customers, minimize order errors, and make your catalog significantly easier to use. It's one of those setup investments that pays back continuously.