Products & Sizing

Product Options section when adding or editing a product. Instead of a multi-step process, you can manage all options and their resulting variants from a single, intuitive interface.

Adding an Option

To begin, simply click the "Add Product Option" button. This will create a new option block where you can define its name and behavior.

• Option Name: This is the label your customers will see, such as "Color" or "Size". You can provide names in multiple languages using the translation button .
• Option Type: This crucial setting determines how the option is displayed and whether it creates unique product variants.

Understanding Option Types

There are two main categories of option types:

1. Types that Generate Variants

These options are used to create distinct, selectable versions of your product (e.g., a red, small t-shirt). Each combination will have its own SKU, price, and stock level in the variants table below.

• Dropdown: A standard select box. Best for a long list of options like countries or sizes.
• Radio Buttons: Displays all values as clickable buttons. Ideal for a few, clearly visible choices.
• Swatch - Color: Displays values as clickable color swatches.
• Swatch - Image: Displays values as small, clickable image swatches.

2. Types for Extra Customization (Do Not Generate Variants)

These options are designed for product personalization and add-ons. Unlike the previous types, they do not create separate product variants in the variants table. This means they do not have their own unique SKU, price, or stock level. Instead, they function as extra choices or customizations that a customer can add to a selected variant (like a red, small t-shirt).

• Checkbox: This type is perfect for offering optional add-ons. You can add multiple values to a checkbox option, and customers can select one or more of them. For example, you could offer "Gift Wrapping" and "Extended Warranty" as two separate checkbox values for a product.
• Text Input: This provides a text field on the product page, allowing customers to submit custom text with their order. It's ideal for personalized products like mugs with a custom name, t-shirts with a slogan, or jewelry with an engraving.
• Number Input: Similar to the text input, this option adds a field where customers can enter only numeric values. This is useful for products that require custom dimensions, such as ordering a poster by a specific length or a cable by a certain meter.

Adding Values to an Option

Once you've created an option (e.g., "Color"), you need to add values to it by clicking the "Add Value" button within that option's block. Values are the specific choices a customer can make (e.g., Red, Green, Blue).

• Value Name: The name of the choice (e.g., "Red"). This can also be translated.
• Color / Image Swatch: If you selected a swatch option type, you can pick a color or upload an image for that specific value.
• Associated Images: You can link one or more main product images to a specific value. For example, you can associate all images of the red t-shirt with the "Red" value. When a customer selects "Red", the product gallery will update to show only those images.

Automatic Variant Generation & Management

This is the core of the system. As you add options and values that generate variants, the system will automatically create every possible combination in the "Variants" table at the bottom of the page.

For example, if you have a "Color" option with 2 values and a "Size" option with 3 values, the system will generate 2 x 3 = 6 unique variants in the table.

For each variant row in the table, you can and must manage its unique properties:

• SKU: A unique stock-keeping unit for that specific variant.
• Price: The price for this variant. You can leave it empty to use the product's default price.
• Discounted Price: An optional sale price for the variant.
• Quantity: The exact stock level for this specific variant.
• Weight: The weight in kg for this variant, used for shipping calculations.
• Default: One variant must be marked as the default. This variant's price and image will be shown when a customer first visits the product page.
• Status: You can activate or deactivate specific variants. An inactive variant will not be available for purchase.