Skip to main content

Product Variants

This tutorial explains how to configure product variants in the E-Store.

Video Tutorial

1. Open Variants Section

Click "Variants" to manage product variant options.

product-varirant.png

2. Custom Size Tab

Use the Custom Size tab to create selectable size options.

product-varirant (1).png

3. Add a Size Row

Click "Add more row" to create a new size entry.

product-varirant (2).png

4. Maximum Dimensions

The product’s maximum width and height are based on earlier product settings.

product-varirant (3).png

5. Enter Size Label

Click Label to name the size

product-varirant (4).png

6. Enter Size Dimensions

Enter the width and height for the size.

product-varirant (5).png

7. Reorder Size Lines

The system auto-sorts sizes, but you can adjust the order.

product-varirant (6).png

8. Enable or Disable Size

Use the Status toggle to activate or deactivate the size.

product-varirant (7).png

9. Set Default Size

Click Default to make this the pre-selected size.

product-varirant (8).png

10. Delete Size

Click the delete button to remove a size.

product-varirant (9).png

11. Add Additional Sizes

Click "Add more row" to create more size options.

product-varirant (10).png

12. Allow Custom Size

Set the label as Custom if customers can enter their own size.

product-varirant (11).png

13. Enable Size Tab

Turn the Tab Status to Enabled to apply size options to the store.

product-varirant (12).png

14. Custom Quantity Section

The Custom Quantity section allows quick-select quantity options.

product-varirant (13).png

15. Add Quantity Row

Click "Add more row" to create a new quantity option.

product-varirant (14).png

16. Enter Quantity Label

Click Label to define the quantity name.

product-varirant (15).png

17. Enter Quantity Number

Enter the matching quantity value.

product-varirant (16).png

18. Reorder Quantity Lines

Adjust the display order if needed.

product-varirant (17).png

19. Enable or Disable Quantity

Use Status to activate or deactivate the quantity.

product-varirant (18).png

20. Set Default Quantity

Click Default to make it the standard selection.

product-varirant (19).png

21. Add More Quantities

Click "Add more row" to continue adding variant quantity entries.

product-varirant (20).png

22. Allow Custom Quantity

Set the label and unit as Custom to allow customer input.

product-varirant (21).png

23. Delete Quantity

Click Delete button to remove a quantity option.

product-varirant (22).png

24. Enable Quantity Tab

Turn Tab Status to Enabled to apply quantity settings to the store.

product-varirant (23).png

25. Custom Rush Order Settings

Rush Order section allows price adjustments based on production turnaround time.

product-varirant (24).png

26. Add Rush Row

Click "Add more row" to create a rush option.

product-varirant (25).png

27. Enter Label

Define the rush label

product-varirant (26).png

28. Enter Days

Enter the number of days associated with the label.

product-varirant (27).png

29. Select Adjustment Type

Choose whether pricing is adjusted by:

  • Fixed amount ($)
  • Percentage(%)

product-varirant (28).png

30. Enter Adjustment Value

Enter the adjustment amount:

  • Positive value = price increase.
  • Negative value = price decrease

product-varirant (29).png

31. Reorder Rush Options

Click Order to adjust the order if needed.

product-varirant (30).png

32. Enable or Disable Rush Option

Use Status to activate or deactivate.

product-varirant (31).png

33. Set Default Rush Option

Click Default to make it the standard selection.

product-varirant (32).png

34. Delete Rush Option

Click Delete button to remove a rush entry.

product-varirant (33).png

35. Add Additional Rush Rows

Click "Add more row" to insert an additional entry in the rush order table.

product-varirant (34).png

36. Enable Rush Tab

Set Tab Status to Enabled to apply rush options in the store.

product-varirant (35).png

37. Preview Rush Settings

Click "Preview" to view the configured options.

product-varirant (36).png

38. Size Dropdown

Size will now appear as a dropdown with all configured sizes.

product-varirant (37).png

39. Custom Size Field

Selecting Custom will display input fields for customer-defined sizes.

product-varirant (38).png

40. Quantity Dropdown

Quantity options will appear in a dropdown menu.

product-varirant (39).png

41. Custom Quantity Field

Selecting Custom will allow customers to enter their own quantity.

product-varirant (40).png

42. Rush Order Display

Rush Order options will appear on the product page.

product-varirant (41).png

43. Automatic Price Recalculation

When customers change rush options, the system automatically recalculates the price based on your settings.

product-varirant (42).png


You have successfully configured product size, quantity, and rush order variants. Always preview the product to ensure all options display correctly before publishing.