# 8.1.2 Configurable products and product variants

From vtenext 20.04 it is possible to manage product variants with the new module **Configurable Products**. By following the logics of a normal e-commerce we can manage father products and the related variants. Let’s make an example to better understand this function.

<table border="1" cellpadding="0" cellspacing="0" class="t1" id="bkmrk-nome%2Fcognome-nome-e-" style="width: 162.999%;"><tbody><tr><td class="td1" style="width: 46.3162%; vertical-align: middle;" valign="top">**Product Name**

</td><td class="td1" style="width: 56.9216%; vertical-align: middle;" valign="top">**Features names**

</td><td style="width: 59.7612%; vertical-align: middle;">**<span style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Roboto, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 15px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal;">Possible values</span>**

</td></tr><tr><td class="td1" rowspan="2" style="width: 46.3162%; vertical-align: middle;" valign="top">**iPhone**

</td><td class="td1" style="width: 56.9216%; vertical-align: middle;" valign="top">Memory

</td><td style="width: 59.7612%; vertical-align: middle;">32Gb, 64Gb, 128Gb

</td></tr><tr><td style="width: 56.9216%; vertical-align: middle;">Color

</td><td style="width: 59.7612%; vertical-align: middle;">Black, White, Gold

</td></tr><tr><td class="td1" rowspan="2" style="width: 46.3162%; vertical-align: middle;" valign="top">**T-Shirt**

</td><td class="td1" style="width: 56.9216%; vertical-align: middle;" valign="top">Size</td><td style="width: 59.7612%; vertical-align: middle;">S, M, L, XL, XXL</td></tr><tr><td style="width: 56.9216%; vertical-align: middle;">Color</td><td style="width: 59.7612%; vertical-align: middle;">White, Red, Green</td></tr></tbody></table>

For each father product it is possible to create infinite variations. Let’s see how:

[![8.1.2 [1].png](https://usermanual.vtenext.com/uploads/images/gallery/2022-06/scaled-1680-/8-1-2-1.png)](https://usermanual.vtenext.com/uploads/images/gallery/2022-06/8-1-2-1.png)

*Creation of a Configurable Product with Variants*

[![8.1.2 [2].png](https://usermanual.vtenext.com/uploads/images/gallery/2022-06/scaled-1680-/8-1-2-2.png)](https://usermanual.vtenext.com/uploads/images/gallery/2022-06/8-1-2-2.png)

*Detail of a configurable product with values*

In the end a product will have to be created (from the vtenext standard **Products** module), and then we can select the pre set variables as shown in the image below. The product’s name, for example iPhone 32Gb, and the selected variables will be Memory 32Gb and Color Black.  
Moreover, it will be possible to add a **SKU** (Stock Keeping Unit) code for the product. This identification code of a warehouse-managed item is usually assigned to a product in order to identify it.

[![8.1.2 [3].png](https://usermanual.vtenext.com/uploads/images/gallery/2022-06/scaled-1680-/8-1-2-3.png)](https://usermanual.vtenext.com/uploads/images/gallery/2022-06/8-1-2-3.png)

*Detail product with variant information set*

When a new quote is filled in it will be possible to create a new iPhone product, like we can see in the example, this will allow us to search all the possible variants. Note that, from the quote module, the research of products with variants works only if at least a product with the related variant exists.

*[![8.1.2 [4].png](https://usermanual.vtenext.com/uploads/images/gallery/2022-06/scaled-1680-/8-1-2-4.png)](https://usermanual.vtenext.com/uploads/images/gallery/2022-06/8-1-2-4.png)*

*Detail of research of products with variants in the quote module*

*[![8.1.2 [5].png](https://usermanual.vtenext.com/uploads/images/gallery/2022-06/scaled-1680-/8-1-2-5.png)](https://usermanual.vtenext.com/uploads/images/gallery/2022-06/8-1-2-5.png)*

*Detail of selected product in the quote module: variants are inserted in the product description*