§ 03 / Docs

Product options

Options define variant dimensions — Size, Material, Color, and so on. Each option has a name and a list of allowed values. When editing a product, you combine options to generate variant rows with their own price and stock.

Options vs variants

Think of options as templates and variants as concrete SKUs. You create Size: S, M, L once here. On a t-shirt product you enable variants, pick Size, and the system generates one row per value with optional price/stock overrides.

Layout
Options page          Product form
------------          ------------
Size: S,M,L    --->   Variant rows:
Color: Red,Blue       Size S / Red  $29  qty 10
                      Size M / Blue $31  qty 5

Master-detail editing

Like categories, options use a list plus detail panel on desktop and a sheet on mobile. Select an option to edit its name and values, or create a new option for your catalog.

Steps

  1. Click New option.
  2. Enter the option name (e.g. Size) in English and Arabic.
  3. Add values — one per line or comma-separated.
  4. Save before using the option on products.

Entering values

Values are normalized when saved — duplicates and extra whitespace are removed. Keep value labels shopper-friendly (Medium not M if you display full words). Order may affect default display order on the product page.

Steps

  1. Type each value on its own line, or separate with commas.
  2. Use consistent casing across products.
  3. Avoid empty values — they are stripped on save.

Workflow tip

Set up all options before bulk product imports or long variant sessions. Changing option values after variants exist may require revisiting affected products to regenerate or fix combinations.