Magento 2.1.x Notice: Magento 2.1.18 is the final 2.1.x release. After June 2019, Magento 2.1.x will no longer receive security patches, quality fixes, or documentation updates. To maintain your site's performance, security, and PCIPayment Card Industry: Refers to debit and credit cards and their associated businesses. compliance, upgrade to the latest version of Magento. The Magento User Guide 2.1.x remains available in PDF for Open Source and Commerce.
A configurable product looks like a single product with drop-down lists of options for each variation. Each option is actually a separate simple product with a unique SKUStock Keeping Unit: A number or code assigned to a product to identify the product, options, price, and manufacturer., which makes it possible to track inventory for each product variation. You could achieve a similar effect by using a simple product with custom options, but without the ability to track inventory for each variation.
Part 1: Creating a Configurable Product
Although a configurable product uses more SKUs, and may initially take a little longer to set up, it can save you time in the long run. If you plan to grow your business, the configurable product type is a good choice for products with multiple options.
The attributeA characteristic or property of a product; anything that describes a product. Examples of product attributes include color, size, weight, and price. set that is used for a configurable product must include at least one dropdown or visual swatch attribute that meets the following requirements:
Product Variation Attribute Requirements
Dropdown or Visual Swatch
Before you begin, prepare an attribute set that includes a dropdown or visual swatch for each product variation. The attribute set that is used in this example has drop-down attributes for color and size.
The attribute set determines the selection of fields that are used in the product. The attribute set is indicated at the top of the page, and is initially set to “Default”.
|1.||To choose the attribute set for the product, click the field at the top of the page and do one of the following:|
- In the Search box, enter the name of the attribute set.
- In the list, choose the attribute set that you want to use.
The form is updated to reflect the change.
|2.||If you need to add an additional attribute to the attribute set, tap Add Attribute. Then, follow the instruction in Adding an Attribute.|
|1.||Enter the product Product Name.|
|2.||Accept the default SKU that is based on the product name, or enter another.|
|3.||Enter the product Price.|
|4.||Because the product is not yet ready to publish, set the Enable Product switch to the “No” () position.|
|5.||Tap Save and continue.|
When the product is saved, the Store View chooser appears in the upper-left corner.
|6.||Choose the Store View where the product is to be available.|
|1.||Set Tax Class to one of the following:|
- Taxable Goods
|2.||The Quantity is determined by the product variations, so you can leave it blank for now.|
The Stock Status of a configurable product is determined by each associated configuration. Because the product was saved without entering a quantity, the Stock Status is now set to “Out of Stock.”
|a.||Enter the product Weight.|
|b.||Accept the default Visibility setting, “Catalog, Search.”|
|3.||To feature the product in the list of new products, mark the Set Product as New checkbox.|
|4.||To assign Categories to the product, tap the Select… box. Then, do either of the following:|
Choose an existing category:
|a.||Start typing in the box to find a match.|
|b.||Mark the checkbox of the category that is to be assigned.|
Create a new category:
|a.||Tap New Category .|
|b.||Enter the Category Name and choose the Parent Category to determine its position in the menu structure.|
|c.||Tap Create Category .|
|5.||To feature the product in the list of new products, mark the Set Product as New checkbox.|
|6.||Choose the Country of Manufacture.|
There might be additional attributes that are used to describe the product. The selection varies attribute set, and you can complete them later.
This is a good time to save your work. In the upper-right corner, tap Save . In the next step, you’ll set up the configurations for each variation of the product.
Part 2: Adding Configurations
The following example shows how to add configurations for three colors and three sizes. In all, nine simple products will be created with unique SKUs to cover every possible combination of variations. By default, the product name and SKU for each variation is based on the parent product name or SKU, plus the attribute value.
|1.||Continuing from Part I, scroll down to the Configurations section. Then, tap Create Configurations .|
|2.||Mark the checkbox of each attribute that you want to include as a configuration. For this example, we choose color and size.|
|3.||The list includes all attributes from the attribute set that can be used in a configurable product.|
|4.||If you need to add a new attribute, Create New Attribute . Complete the attribute properties, and tap Save Attribute . Then, mark the checkbox to select the attribute.|
|5.||In the upper-right corner, tap Next .|
This step determines the images, pricing and quantity of each configuration. The available options are the same for each, and you can choose only one. You can apply the same setting to all SKUs, apply a unique setting to each SKU, or skip the settings for now.
|1.||Choose the configuration options that apply.|
Method 1: Apply a Single Set of Images to All SKUs
|1.||Select Apply single set of images to all SKUs.|
|2.||Browse to each image that you want to include in the product gallery, or drag them to the box.|
Method 2: Apply Unique Images for Each SKU
Because we already uploaded an image for the parent product, we’ll use this option to upload an image of each color. This is the image that will appear in the shopping cartA grouping of products that the customer wishes to purchase at the end of their shopping session. when someone buys the shirt in a specific color.
|1.||Select Apply unique images by attribute to each SKU.|
|2.||Select the attribute that the images illustrate. For example: color.|
|3.||For each attribute value, either browse to the images that you want to use for that configuration, or drag them to the box.|
If you drag the an image to a value box, it appears in the sections for the other values, as well. If you want to delete an image, tap the trashcan () icon.
Method 1: Apply the Same Price to All SKUs
|1.||If the price is the same for all variations of the product, select Apply single price to all SKUs.|
|2.||Enter the Price.|
Method 2: Apply a Different Price for Each SKU
|1.||If the price differs for each or for some variations of the product, select Apply unique prices by attribute to each SKU.|
|2.||Select the attribute that is the basis of the price difference.|
|3.||Enter the price for each attribute value. In this example, the XL size costs more.|
Method 1: Apply the Same Quantity to All SKUs
|1.||If the quantity is the same for all SKUs, select Apply single quantity to each SKU.|
|2.||Enter the Quantity.|
Method 2: Apply Different Quantity by Attribute
|1.||If the quantity is the different for each SKU, select Apply unique quantity by attribute to each SKU.|
|2.||Enter the Quantity for each.|
|2.||When complete, tap Next in the upper-right corner.|
|1.||Scroll down to the Images and Videos section. Then, expand the section.|
|2.||Click the Camera tile, and browse to the main image that you want to use for the configurable product.|
To learn more, see: Images and Videos.
|1.||If you are ready to publish the product in the catalog, set the Enable Product switch to the “Yes” () position.|
|2.||Do one of the following:|
Method 1: Save and Preview
|1.||In the upper-right corner, tap Save.|
|2.||To view the product in your store, choose Customer View on the Admin () menu. The store opens in a new browser tab.|
Method 2: Save and Close
On the Save () menu, choose Save & Close.
|1.||On the Admin sidebar, tap Stores. Then under Settings, choose Configuration.|
|2.||In the panel on the left under Sales, choose Checkout. Then, expand the Shopping Cart section.|
|3.||Set Configurable Product Image to “Product Thumbnail Itself.”|
|4.||When complete, tap Save Config .|
Things to Remember
A configurable product allows the shopper to choose options from drop-down list and visual swatch input types. Each option is actually a separate, simple product.
The attributes that are used for product variations must have a global scope and the customer must be required to choose a value. The product variation attributes must be included in the attribute set that is used as a template for the configurable product.
The attribute set that is used as a template for a configurable product must include the attribute(s) that contain the values that are needed for each product variation.