How to Set Up Product Variations

Now that you have defined the product attributes, it's time to set up product variations to display the variation swatches on your website's front-end.

• To configure product variations, navigate to “Products” and select “All Products.”
• Locate the product for which you want to set up variations and click on “Edit” to proceed.

• In the product data section, choose “Variable Product” as the product type.

• Navigate to the “Attributes” tab and choose the attributes you wish to display on the front-end.
• Click on the “Add” button to include them in the list.

• After adding the attributes, click the “Select All” button to add all variants to the product.
• Make sure the “Used For Variation” button is checked.
• Click the “Save Attribute” button to save the changes.

• After saving the attributes, proceed to the “Variations” tab.
• Click on the “Add Manually” button to generate the variations.
• This action will add variations to the product based on the attributes you previously selected.

• For each variant, customize the image and price by opening the drop-down menu.
• Select the desired variation from the drop-down menu.
• Set a custom price for the variant by entering the amount in the “Regular Price” field.
• Add an image for the variant by clicking the image button.
• Repeat this process for other variants as needed.

• After editing the fields, click on the “Save Changes” button located at the bottom, then proceed to “Update” the product.