Product Options

Modified on Sat, 28 Sep at 12:36 AM

Add options to your products where you require your client's input or choice regarding one or more aspects related to your product. Example: Color, size, material and more.


TABLE OF CONTENTS


1. Product Options:

Add options to your products where you require your client's input or choice regarding one or more aspects related to your product. Example: Color, size, material and more.





Tip: Product Options are a prerequisite to create Product Variants or Variations



2. Add a new Product Option by clicking +Add Option





3. Insert the Option Name EN in English





4. Insert the Option Name AR in Arabic





5. Choose the Input Type from the dropdown





6. Based on your option's nature, you can choose the appropriate Input Type





Tip: Input Types have different presentations and behaviors for your customer interactions:

  • Checkboxes
  • Drop-down List
  • Radio Buttons
  • Date Picker
  • Text Field


Checkboxes



7. Checkboxes

  • Suitable for multiple simultaneous choices
  • Allows product price modification based on the choice
  • Allows choosing the minimum and maximum number of choices based on quantity or the number of selected options

For each Option Value, you have to input:

  • Option Value EN: The value's English name
  • Option Value AR: The value's Arabic name
  • Price Modifier (Optional): Modify the product price by a fixed amount or a percentage when this checkbox is chosen
  • Show toggle: Show or hide this option value
  • Default Value: Select this if you want this option value to be chosen by default
  • Add more Option Values by clicking the + Button
  • Delete this Option Value by clicking the Delete Button






8. Continue adding more Option Values to your products





9. Choose the Minimum and Maximum number of choices you want to allow your customer to make from the Value Options





Alert: - If you keep the Minimum number of choices at 1, you are forcing your customer to choose one of the options. You can keep it at 0 to make it an optional choice

  • If you keep the Minimum and Maximum number of choices to be 1 for both, you are only allowing your customer to choose 1 checkbox only. You can consider utilizing the Radio Button type instead



10. Choose how to apply the Minimum and Maximum number of choices from the Product Min & Max Checkbox Option





11. Choosing Apply on Quantity will enable quantity pickers for each of the checkboxes where the customer can add extra quantities from each of the checkboxes. In this case, the Minimum and Maximum rules will be applied on the total quantities chosen for all checkboxes





12. Choosing Apply on Number of Selected Checkboxes will make each checkbox a singular choice where your customers can choose any number of checkbox options within the Maximum and Minimum rules you have set





13. Click Done to save your options





14. You can edit the options you have created by clicking the Pen Edit Button or + Add More Options to add more





Drop-down List



15. Drop-down List

  • Suitable for a single option selection
  • Keeps the list hidden under a dropdown
  • Does not allow product price modification based on the choice





16. For each Option Value, you have to input:

  • Option Value EN: The value's English name
  • Option Value AR: The value's Arabic name
  • Default Value: Select this if you want this option value to be chosen by default
  • Add more Option Values by clicking the + Button
  • Delete this Option Value by clicking the Delete Button





17. Add more Option Values by clicking the + Button





18. Click Done to save your options





19. Click Save to save your product configuration





20. Your product will have a Drop-down list of options





21. Your customer will be able to choose a single option from the Drop-down list



Radio Buttons



22. Radio Buttons

  • Suitable for a single option selection
  • Shows the list of options
  • Does not allow product price modification based on the choice





23. For each Option Value, you have to input:

  • Option Value EN: The value's English name
  • Option Value AR: The value's Arabic name
  • Default Value: Select this if you want this option value to be chosen by default
  • Add more Option Values by clicking the + Button
  • Delete this Option Value by clicking the Delete Button





24. Add more Option Values by clicking the + Button





25. Click Done to save your options





26. Click Save to save your product configuration







27. Your customer will be able to choose a single option from the Radio Buttons list





Date Picker



28. Date Picker

  • Suitable for date-oriented products

  • Shows a date picker

  • Does not allow product price modification based on the choice

For each Option Value, you have to input:

  • Option Value EN: The value's English name

  • Option Value AR: The value's Arabic name





29. Click Done to save your options





30. Click Save to save your product configuration





31. Your customer will be able to choose a date option from the Date Picker




Text Field

33. Text Field

  • Suitable to provide customers with a text field where they can type their special requests
  • Does not allow product price modification based on the entry

For each Option Value, you have to input:

  • Option Value EN: The value's English name

  • Option Value AR: The value's Arabic name





34. Toggle if the Text Field is Mandatory





35. Click Done to save your options





36. Click Save to save your product configuration





37. Your customers will be able to type their comments in the Text Field






Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article