Selling

Adding Product Variations

Product Variations

If you have variations (color, shoe size etc.) for the product you're going to sell, you can add these options from the "Variations" section in the second page of the product adding section. This way, potential buyers interested in the product you're selling can choose from the options you provide and purchase the specific variant they desire.

Add Variation: By clicking here, you can add new variations to your product. When you click on "Add Variation", you will first set up the general settings for that variation. After configuring these settings and saving the variation, you can proceed to add options for that variation.

Select an Existing Variation: You can use a previously created variation for your product. For instance, if you previously created a variation for a shoe that you are selling, you can select and modify that variation for the new shoes you want to sell, saving you time on adjustments.

 

Add Variation

Label: Enter the name of the variation you're adding here. For example, color, size, etc. (It's recommended to be careful while typing the variation name, as it will appear on the product page.) 

Variation Type: In this section, you can determine how the added variation will appear on the product page. There are five variation types you can choose based on the display method: 

  • Radio Button (Single Selection): When you choose this variation type, customers can click on the specified variation options in adjacent boxes on the product page to view the corresponding variation of the product. For example, if you've added different color options for a dress, customers can see images of the dress in those colors when they click the options. In this type, customers can only select one option at a time. 

  • Dropdown (Single Selection): In this variation type, options are shown with a drop-down selection box. This option allows you to link two options (parent-sub). For example, if you want to add color options for your product and if you want to add size options according to the selected color option, you need to use this variation type.

  • Checkbox (Multiple Selection): In this variation type, the added variations appear similarly to radio button variations, whether as text, images, or color boxes. However, customers can select multiple options from the offered variations. 

  • Text: When you select the Text variation type, a text input box will appear on the product page for that variation. Customers can add a text to this fied during buying the product.

  • Number: It works the same as the text input. Customers can add a numeric values to this field during buying the product.

Option Display Type: You can choose whether the variation options will be displayed as text boxes, image boxes, or color boxes. For instance, if you're adding color options like blue and red for a dress, selecting "text" will display boxes with "blue" and "red" labels. Choosing "image" will show the images you'll set for those colors. If you select "color," color boxes for blue and red will be displayed. If you're adding options like shoe sizes, where there are numerical values, you'll need to choose "text" here. This way, the numbers you write will be displayed as text. 

Show Option Images on Slider When an Option is Selected: When you select 'yes', customers will see additional images you've added specifically for that variation when they click on a product variation option. For example, if you're selling a dress in black and blue colors, apart from the main product images, you might want to add different images for each color. With this option enabled, customers can see and examine these additional images when they click to black or blue.

Use Different Price for Options: If you select 'yes,' you can set different prices for the various options of your product. 

Visible:  You can determine whether the added variations will be visible on the product page. 

Parent Variation: If you want to add your variations with parent-sub relationship, you can select a parent variation for your variation during adding it. This feature can only be used with dropdown variation type.

**Note: Currently, you can only use the "Use Different Price for Options" option for a single variation of each product. If you've enabled this option for one variation, you won't see it for other variations you add for the same product. Therefore, if you plan to add multiple variations for a product, you should decide which variation will affect the base price of the product. For instance, if you want to add both different colors and sizes for a dress, you'll create two separate variations. You can enable the "Use Different Price for Options" option for the variation where you want to set different prices.

 

Edit Variation

After adding a variation for your product, you can edit it at any time by going to the variations section on the product editing page. Clicking the "Edit" option will open the same window you used when adding the variation, allowing you to modify its settings.

 

Delete Variation

You can delete your variations using the "Delete" option next to the "Edit" option.

 

Add Options

After adding your variation, you can add options for that variation. Options can be added for "Radio Button", "Dropdown" and "Checkbox" variation types. If you don't add variation options, customers will see the label you've set, but they won't have selectable options. Click "Add Option" next to the newly added variation to start defining the options. Some options you'll see here, like setting different prices for options or color selection field, are part of the choices you made during the add variation phase. You can review those choices by editing the variation. 

  • Default Option: If you select "Yes," you only need to provide a name for this option. Selecting "Yes" means this option will display the main product's price and images. If you select "No," you can continue to add separate images and set different prices for this option.

  • Option Name: Here, you need to enter the name for the option you're adding.

  • Stock: This is where you indicate how many of the currently added variations are available in stock for the product you're selling. For example, if you have 50 pieces of the same dress, with 20 being red and 30 being blue, when you're adding the blue dress as an option, you should enter "30" in the stock field.

  • Color: If you're aiming to show color options with color boxes on your product page, and you can't find the color selection field in the "Add Option" window, you need to select "Color" as the option display type in the variation settings. This way, you'll be able to see the color selection field. You can either choose colors from a color chart or input the color code.

  • Price: If you want to set a different price for a specific variation option, you can enter that price here. If you don't want to set a different price, you can leave this field empty. Alternatively, you can choose "Use default price" to make the price of this option the same as the product's base price. If you don't see this price setting in the "Add Option" window, you might have disabled it when adding the variation. You can go back to the variation's edit section and enable "Use Different Price for Options".

  • Discount Rate: Here, you can apply a discount for a specific variation option. If you don't want to offer a discount, you can leave this field empty or choose "No Discount". If you don't see this discount setting in the "Add Option" window, you might have disabled it when adding the variation. You can go back to the variation's edit section and enable "Use Different Price for Options". 

  • Images: In the Images section, you can add specific images for the current variation option. For example, if you're adding a color variation for a dress, and you're adding individual colors as options, you can use the Images section to add images for each color. If you've enabled "Show Option Images on Slider When an Option is Selected" in the general settings of the color variation, customers will see these specific images when they select different colors. The images you add here are different from the images you previously added for your main product. Earlier, you added the general images of the product. In this section, you can add images for the different variations of the product.

 

View Options

Once you've finished adding options for a variation, you can click "View Options" at any time to review the options. You can also delete options you no longer need.

Still have questions?

Please login to submit a support request. Contact Support