...
- In the CMS, navigate to Settings → Feature Management.
- Configure the Product Variant featureIn Products & Categories → Product Variants, ensure it is on and click Configure.
- Switch the Product Variant Mode to 'Online'.
- Select the 'Default Display Type' as 'DropDown' or 'Radio Buttons'.
will determine
- This
- sets the interface for users when they are selecting options.
- Dropdown List
- Radio Buttons
- Toggle 'Allow Product Matrix Mode' on/off as required.
- This will allow individual products to be set to matrix display mode, using the Product Variant Grid Widget.
- Toggle 'Allow Display Type Override' on/off as required.
- This will allow the default display type (that you just set in Step 4) to be overridden on a product-by-product basis.
- Toggle 'Allow Child Products As Note Line' on/off as required.
- This will allow child products to be added without a product code. Instead, the selected variants are added as notes against the master product on the order.
- Toggle 'Enforce Stock Security for Variants' on/off as required.
- Toggle 'Update Master Products With Child Images' on/off as required.
- This adds child images to the master product gallery automatically, so that as the user selects different options, the image will change to reflect them. See our guide on Automatic image tagging for variants for further detail.
- Toggle 'Update Master Products With Child Images' on/off as required.
- This adds child images to the master product gallery automatically, so that as the user selects different options, the image will change to reflect them. See our guide on Automatic image tagging for variants for further detail.
11. Toggle 'Allow Manual Sort of Products Attributes' on/off as required.
- This allows the user to sequence product attributes by drag-and-drop.
12. Toggle 'Enforce Tag Order Comparison' on/off as required.
13. Click 'Save'.
The Product Variant feature has now been configured and is ready to use during product maintenance.
...
- In the CMS, navigate to Settings → Feature Management.
- Configure the Product Variant feature.
Hover over the 'Options' button and select 'Edit Variants'.
Info Don't see an 'Options' button? Check that the Product Variant Mode is set to 'Online', then hit click Save before navigating away.
- Click 'Add' and enter a Variant in the input field. In our example we'll add 'Size' as a variant.
- Click 'Save'. You'll notice the button updates from 'Save' to 'Values'.
- Click 'Values' and then 'Add' to add a value. Our example values for 'Size' are 'Small', 'Medium', and 'Large'.
- 'Save' and repeat to add another value. Continue until all values have been entered.
- Click 'Back' to exit values maintenance and return to your Variant list.
- You can repeat this process for any other Variants you may require, such as Colour, Capacity, Weight, Length, and so on.
...
- Navigate to Settings → Feature Settings and Edit the Product Variant feature.
- Select Options → Import Variants.
- If you'd like a CSV file template to work with, click Download Example Template.
- Paste your data into the spreadsheet, listing re-entering the master product once for every variant combination available.
- Save the file somewhere locally as .csv format.
- Select your Import Type from the dropdown:
- Override Imported Only - all master products in the spreadsheet will have their variant data replaced with what's in your spreadsheet. No other products will be affected.
- Override All Products - the product data in in the spreadsheet will become the COMPLETE product variant data for your site. Current variants not in the spreadsheet will be deleted.
- Click 'Select files...' to browse to your saved .csv file.
- The import will process and a notification will advise whether the import was successful. If errors occurred, fix the data and try again.
- To verify a successful import, navigate to Product Maintenance and search for one of the master products on your .csv file.
Check the variant data to ensure it matches up with what you've just imported.
...