Pizza Demo

In the WooCommerce Variable product, Extra Variation Table will not shown until you choose an option. When you choose an option, if it is defined Extra Variation Table will be shown.

You can create a condition for WooCommerce variable name.

For example when your customer select Big (35cm), More group become visible and Gongolzola selection in the Cheese group will be passive.

How Do I Do :

You need to create condition for Big (35cm) in the WooCommerce variable. Go to Extra Variation Settings, click Conditions tab, find More variation and click plus icon for choose Big (35cm). Write Big (35cm) in variable input and click the Add button. This will create a condition, More group become visible when Big (35cm) variable is selected. Find the Gongolzola selection in the Cheese group, click the plus icon, write Small (25cm) in variable input and click the Add button. This will create a condition, Gongolzola selection become passive when Big (35cm) variable is selected.

You can change the product image by selecting a variation

For example Margharita, Pesto and Salmone variations all have different product image

How Do I Do : 

Add a thumbnail to your variation. Select “Yes” to “Change Product Image” from Settings Area.

 

You can change the pricing of Extra Variations by selection of Variable.

For example you can change prices for Big or Small choise.

How Do I Do : 

First of all you need to create a variation group called Size and add variations named Big and Small. Than go to Extra Variation settings, Click Pricing tab. Now you need to click plus sign near the variation, and add a pricing feature for different sizes. For example you can click plus sign of Pesto and choose Big as variation, name price 7.5 dollars.

You can create a dependence between variations by conditions.

For example when your customer select Margharita, Cream Cheese selection become active. If customer de-select Margharita and choose Pesto, Cream Cheese will be passive and Gruyere Cheese will be active by this choice.

How Do I Do :

You need to create condition between Margharita and Cream Cheese. Go to Extra Variation Settings, click Conditions tab, find Cream Cheese variation and click plus sign than choose Margharita. This will create a condition, Cream Cheese become available when Margharita is selected.

You can change a variations price with a selection of another variation.

For example when your customers select Pesto, the price of Parmesan will be one dollar. When customers de-select, price will be back to normal.

How Do I Do : 

You need to go to Extra Variation settings and select Pricing tab. Click the plus sign of Parmesan, select Pesto and name the price of Parmesan one dollar. This will allow you to create different campaigns for products.

Also you can change visibility of a variation group by conditional selection.

For example when your customer select Salmone, Sea Food variation group will be visible and they can select variations from here. Otherwise Sea Food will remain invisible.

How Do I Do :

You can create conditions for groups too. Go to Extra Variation settings, click Conditions tab. Find Sea Food group and click plus sign near the group, select Salmone as a variation. This will create a condition between Salmone variation and Sea Food group, when your customers select Salmone, Sea Food will be visible, otherwise it will keep invisible.

You can set selection limit for “Multi Choice”.

For example you can set “Selection Limit” is three for “Cheese Group“.

How Do I Do :

You can set selection limit for “Multi Choice“. Go to Extra Variation settings, click Variations Table tab. Click the variation group name, select “Multi Choice” and select selection limit. If you want to show a message when the limit is over, click “Settings” tab and set your message.

You can set variations with the default selected.

For example when Salmone pizza selected, The Sea food variations show with selected all of them.

How Do I Do : 

Select the variation. Be active the button next to the price and click the update button from “Variations Table” tab.

 

You can change the visibility of a variation group by quantity selection. Or you can change the eligibility of a variation by quantity selection.

For example when your customer select 2 quantities, Special Offer variation group will be visible. Otherwise, Special Offer will remain invisible. Also, when your customer select 3 quantities, Buy 3 pizzas, the 1lt soft drink is free variation will be active. Otherwise, this variation will remain passive.

How Do I Do : 

You can create conditions for Special Offer group. Go to Extra Variation settings, click Conditions tab. Find Special Offer group and click plus sign near the group, select 2 for quantity limit. This will create a condition for quantity. When your customers select 2 quantity, Special Offer will be visible, otherwise, it will keep invisible. Find Buy 3 pizzas, the 1lt soft drink is free variation and click plus sign near the group, select 3 for quantity limit. This will create a condition for quantity. When your customers select 3 quantities, Buy 3 pizzas, the 1lt soft drink is free will be active, otherwise, it will keep passive.

 

Demo Css

/* EVP Pizza Demo */
.evp_cat_1 img{
border-radius: 50%;
}
.evp_cat_1 sellectarea{
padding: 8px;
margin: -3px !important;
}
.evp_cat_1 .extra_variation_undercat img {
width: 100px;
}
.evp_cat_1 .extra_variation_underbox{
text-align: center;
width: 33%;
display: inline-block;
}
.evp_cat_1 .extra_variation_radio {
display: initial !important;
}
.evp_cat_12 .extra-variation-buyerinputstitle{
display:none !important;
}
.evp_cat_16 {
background-image: url(https://www.extravariation.com/wp-content/uploads/2019/07/special_offer.png);
background-position: 0px 3px;
background-repeat: no-repeat;
background-size: 130px;
padding-bottom: 10px;
}
.evp_cat_16 .extra_variation_titlecat{
background: #8300e9 !important;
}
.evp_cat_16 .extra_variation_catconnect{
border: none !important;
}
.evp_cat_16 .extra_variation_undercat {
padding-left: 100px !important;
}
.evp_cat_16 .extra_variation_checkbox>input:checked+sellectarea:after{
background: #8300e9 !important;
}
.evp_cat_1 .extra_variation_quantity_div,
.evp_cat_16 .extra_variation_quantity_div{
display: none;
}
.evp_cat_1 .extra_variation_undercat{
flex-direction: row;
}

@media all and (max-width: 980px) {
.evp_cat_1 .extra_variation_catconnect {
width: 10px !important;
}
.evp_cat_1 .extra_variation_undercat {
padding-left: 10px !important;
}
.evp_cat_1 .extra_variation_undercat img {
width: 80px;
}
}