How To Add a Product with Variants¶
Overview¶
In this how-to you will learn how to add a product with variants.
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¶
Go to the LFS Management Interface.
Go to
Catalog / Products
.Click on
Add Product
in order to add new product.Enter the
Name
, and theSlug
of the product and click onAdd product
.Now you can enter further data as you would do for standard products for instance the price. Please note that this are in case of a
Product with Variants
just default values, which can be overwritten for every single variant later.Change the product’s type from
Standard
toProduct with Variants
and clickchange
. You will notice that there is now aVariants
tab.Go to the
Variants
tab.Click on the pencil left beside the
Local Properties
title in order to display the local properties add form.Enter
Color
in the text field and click onAdd Property
.Note
You can also use global properties to create variants, but this is beyond of these how-to.
Enter
Red
into the now provided option field and click onAdd Option
.Repeat step 10 with
Green
andBlue
.Note
For convenience you can also add
Red, Green, Blue
to add all options at once.Now go to the
Variants
section and selectAll
belowColor
option. Click onAdd Variants(s)
. This will create all variants based on the option you have entered above.Click on the pencil of a variant in order to open its edit form.
By default the data is inherited from the parent. In order to override a field activate it - check the check box beside the field - and enter some information to it for instance for the price of a variant.
Repeat that for every variant you want to change.
Click on the
Base Article
site action in order to go back to the parent product.Go to the
Variants
tab. You should be there automatically.Check the
Active
check box. This will check the active check boxes of all variants and click on theSave
button.Select the default variant by checking one of the radio boxes below the
Default
title. This variant is displayed if the shop customer visits theProduct with Variant
.Go to the
Product
tab.Check the
Active
check box. This will activate the wholeProduct with Variants
.
That’s it¶
Now click on Goto Product
and you will see your newly created Product with
variants
. There is a Variants
section from which the customer can select
the variants the product provides. All information of the product (which has been
overwritten by a variant) are automatically updated if the customer choose a
variant.
What’s next¶
- Add more properties and options in order to create more complex variants.
- Use global properties in order to create variants.
- Check the difference between the both display types list and select.