The e-commerce module allows you to create different variants for your products. This way, you can offer different sizes, colors, or other attributes for a product.
1. Navigation
Log in to the Designer.
On the Designer editor homepage, click the “3 lines” or “Page” icon in the top left corner.
2. Selection
In the sidebar that appears, select the “Shop” section.
3. Add Product Variants
Click “Products” and select the product you want to add variants to.
Click the three-dot icon next to the product and select “Edit”.
4. Set Up Variants
4.1 Add New Variant
In the product edit mode, go to the “Variants” tab.
Click “Add New Variant” to create a new variant.
4.2 Enter Variant Information
Variant Name: e.g., size or color.
Options: Enter the different options for the variant, e.g., “S, M, L” for sizes or “Red, Blue, Green” for colors.
Price Changes: Enter a price change if the variant has a different price.
Weight Changes: Enter a different weight if it deviates from the standard version.
Click “Save” to create the variant.
5. Edit Variants
In the Variants tab, you will see an overview of all variants.
To edit a variant, click the three-dot icon next to it and select “Edit”.
6. Delete Variants
Click the three-dot icon next to a variant and select “Delete”.
Confirm the deletion in the dialog box.
7. Edit Variant Options
Click the variant name to edit, add, or remove options.
Click “Save” to apply the changes.
8. Change Variant Order
Drag and drop the variants to reorder them.
The order determines how the variants are displayed in the shop.
9. Publish Shop
Click “Save” to apply the changes to the product.
Make sure the shop status is set to “Online” to publish the changes.
10. Success
Your product variants are now visible in the shop.
You can make changes at any time by repeating the steps above.