Navigate to Product Options To Create a New Option
Go to Apps>Product Option on the Sidebar
From the Product Option sets, click Create Option –
Add Custom Options
After clicking Create Option, you will see the Aero Product Variant Options like –
Upon clicking the Add Option under Custom Options, you will see-
It has four types of custom options which include:
Single input type: Text, Text area, Number, Datetime, File, Switch.
Choice list type: Dropdown, Checkboxes, Radio buttons.
Swatch type: Buttons, Color swatches, Image swatches.
Static text type: Paragraph, Heading, Divider, Popup-Modal.
Adding Text Field
For example, if you click on Text Field, you will see-
Text Field Edit Options
There is a preview showing side-by-side of the product and there is also hide, edit, and delete option ( Icon ) beside the text field under Custom Options
You can see the option name, label, and checkbox to make it a required field. There are also minimum and maximum character restrictions and a Placeholder inputting option. For example-
Example For Text Field Preview
Adding Text Area
Click on the Text Area under Custom Options –
You will see this side-by-side preview come up-
Example For Text Area Preview
Upon clicking the edit option you will find option name, label, minimum and maximum character limit with placeholder option-
Adding Dropdown
Choose Dropdown from Custom Options-
Dropdown Edit Option
After clicking edit on the dropdown option, you can see the Label and Value to be input for the dropdown along with the placeholder.
Example For Dropdown Preview
Adding Checkbox
Choose Checkbox from Custom Options-
Checkbox Edit Option
Upon clicking the edit option on the checkbox, you will find the option name, label, required field checkbox, label, and the value of it with adding more options-
Example For Checkbox Preview
Adding Radio Button
Choose Radio Button from Custom Options-
Radio Button Edit Option
Upon clicking the edit option on the radio button, you will find the option name, option label, required field checkbox, radio button label, and the value with adding more options down-
Example For Radio Button Preview
Adding Date Picker
Choose DatePicker from Custom Options-
Date Picker Edit Option
Upon clicking the edit option on the Date Picker, you will find the option name, option label, required field checkbox, and a date range like below-
Example For Date Picker Preview
Adding Assigned Products
Now if you click on Assigned Products, you will see-
Save Option
Lastly, You can Save an Option by clicking on the Save Option Button, like this-