How To Add a Configurable Product¶
Overview¶
In this how-to you will learn how to add a configurable product.
Note
If you don’t have a working LFS instance yet, you can just use our demo shop at http://demo.getlfs.com. Please be aware that we reset the database every two hours.
Steps¶
Add Properties¶
A configurable product is based on properties. So we need to enter them at first.
- Go to the management interface.
- Go to the
Properties / Properties
menu. - Click on the
Add Property
site action and enter the name of the property, for instance “Hard drive”. Then click on theAdd Property
button. - Now check
Configurable
within the data form of the property and click onSave Property
. - Change the
Field Type
toSelect Field
and click onSave Property Type
. - Now add the options, for instance:
- Name: 250GB / Price: 50.0
- Name: 500GB / Price: 100.0
- Name: 750GB / Price: 150.0
- Go to Properties / Property Groups
- Click on the
Add Property Group
site action and enter the name of the property group, for instance “PC”. Then click theAdd Property Group
button. - Go to the
Properties
tab, select the properties “Hard drive” and “RAM” and click onAssign Properties
.
Add the Product¶
- Go to the management interface.
- Go to
Catalog / Products
menu. - Click on
Add product
in order to add new product. - Enter the name and the slug and click on
Add product
. - Enter further data as you would do for standard products, like prices, descriptions and so on.
- Change the product type from
Standard
toConfigurable
and clickChange
. - Go to the
Properties
tab. - Select the
PC
property group and click onUpdate Property Group
. - Select the default values of the properties and click on
Update Default Values
. The default values will be selected when a customer views the product.
That’s it¶
Now click on Goto Product
and you will see that the product has a select box
from which the customer can select the options you provide above. The prices are
automatically updated when the options are changed. If the customer adds the
product to the cart, the selected option is stored on the product.
What’s next¶
- Add more properties and options (see steps 3-7 on the
Add Properties
section above). - Add a float field to the configurable product and see how the customer can be asked to enter a decimal number.
- Add a text field to the configurable product and see how the customer can be asked to enter a text.