How to Add New Product Variants on Shopify
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 –
![Aero Product Variant Options 1 e1728116177680](https://aerodrop.ai/wp-content/uploads/2024/10/1-e1728116177680.png)
Add Custom Options
After clicking Create Option, you will see the Aero Product Variant Options like –
![Aero Product Variant Options 2](https://aerodrop.ai/wp-content/uploads/2024/10/2.png)
![Aero Product Variant Options 2](https://aerodrop.ai/wp-content/uploads/2024/10/2.png)
Upon clicking the Add Option under Custom Options, you will see-
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
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-
![Aero Product Variant Options 4 1](https://aerodrop.ai/wp-content/uploads/2024/10/4-1.png)
![Aero Product Variant Options 4 1](https://aerodrop.ai/wp-content/uploads/2024/10/4-1.png)
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
![Aero Product Variant Options 5](https://aerodrop.ai/wp-content/uploads/2024/10/5.png)
![Aero Product Variant Options 5](https://aerodrop.ai/wp-content/uploads/2024/10/5.png)
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
![Aero Product Variant Options 6](https://aerodrop.ai/wp-content/uploads/2024/10/6.png)
![Aero Product Variant Options 6](https://aerodrop.ai/wp-content/uploads/2024/10/6.png)
Adding Text Area
Click on the Text Area under Custom Options –
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
You will see this side-by-side preview come up-
![Aero Product Variant Options 8 e1728114897536](https://aerodrop.ai/wp-content/uploads/2024/10/8-e1728114897536.png)
![Aero Product Variant Options 8 e1728114897536](https://aerodrop.ai/wp-content/uploads/2024/10/8-e1728114897536.png)
Example For Text Area Preview
Upon clicking the edit option you will find option name, label, minimum and maximum character limit with placeholder option-
![Aero Product Variant Options 9 e1728114955874](https://aerodrop.ai/wp-content/uploads/2024/10/9-e1728114955874.png)
![Aero Product Variant Options 9 e1728114955874](https://aerodrop.ai/wp-content/uploads/2024/10/9-e1728114955874.png)
Adding Dropdown
Choose Dropdown from Custom Options-
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
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.
![Aero Product Variant Options 11](https://aerodrop.ai/wp-content/uploads/2024/10/11.png)
![Aero Product Variant Options 11](https://aerodrop.ai/wp-content/uploads/2024/10/11.png)
Example For Dropdown Preview
![Aero Product Variant Options 12](https://aerodrop.ai/wp-content/uploads/2024/10/12.png)
![Aero Product Variant Options 12](https://aerodrop.ai/wp-content/uploads/2024/10/12.png)
Adding Checkbox
Choose Checkbox from Custom Options-
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
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-
![Aero Product Variant Options 14](https://aerodrop.ai/wp-content/uploads/2024/10/14.png)
![Aero Product Variant Options 14](https://aerodrop.ai/wp-content/uploads/2024/10/14.png)
Example For Checkbox Preview
![Aero Product Variant Options 15](https://aerodrop.ai/wp-content/uploads/2024/10/15.png)
![Aero Product Variant Options 15](https://aerodrop.ai/wp-content/uploads/2024/10/15.png)
Adding Radio Button
Choose Radio Button from Custom Options-
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
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-
![Aero Product Variant Options 17](https://aerodrop.ai/wp-content/uploads/2024/10/17.png)
![Aero Product Variant Options 17](https://aerodrop.ai/wp-content/uploads/2024/10/17.png)
Example For Radio Button Preview
![Aero Product Variant Options 18](https://aerodrop.ai/wp-content/uploads/2024/10/18.png)
![Aero Product Variant Options 18](https://aerodrop.ai/wp-content/uploads/2024/10/18.png)
Adding Date Picker
Choose DatePicker from Custom Options-
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
![Aero Product Variant Options 3](https://aerodrop.ai/wp-content/uploads/2024/10/3.png)
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-
![Aero Product Variant Options 20](https://aerodrop.ai/wp-content/uploads/2024/10/20.png)
![Aero Product Variant Options 20](https://aerodrop.ai/wp-content/uploads/2024/10/20.png)
Example For Date Picker Preview
![Aero Product Variant Options 21](https://aerodrop.ai/wp-content/uploads/2024/10/21.png)
![Aero Product Variant Options 21](https://aerodrop.ai/wp-content/uploads/2024/10/21.png)
Adding Assigned Products
Now if you click on Assigned Products, you will see-
![Aero Product Variant Options 22](https://aerodrop.ai/wp-content/uploads/2024/10/22-1024x989.png)
![Aero Product Variant Options 22](https://aerodrop.ai/wp-content/uploads/2024/10/22-1024x989.png)
![Aero Product Variant Options 23](https://aerodrop.ai/wp-content/uploads/2024/10/23-1024x665.png)
![Aero Product Variant Options 23](https://aerodrop.ai/wp-content/uploads/2024/10/23-1024x665.png)
Save Option
Lastly, You can Save an Option by clicking on the Save Option Button, like this-
![Aero Product Variant Options 24](https://aerodrop.ai/wp-content/uploads/2024/10/24.png)
![Aero Product Variant Options 24](https://aerodrop.ai/wp-content/uploads/2024/10/24.png)