Conditional Variants – Example 2

 

An online window and door distributer is selling windows and doors online.  SmithCart conditional variants allow one variant to depend on the value of another which are mutually exclusive. For example, the variant group “Door Track Type" is defined as the type of track that a hanging door uses to install into a ceiling. There are three ways that these doors are connected into the ceiling. You can use either the standard track that comes with the door at no charge, buy a track that installs flush with the ceiling called a "Recessed track", or use "Curved Track" if the door closes around a bend. These three choices are mutually exclusive. If you use standard track, you can't have recessed track. If you have curved track, you can't have either recessed or standard. All three of these types of track have different prices based on the number of feet ordered. When you select one type from the variant drop down, the appropriate "conditional variant" opens up to allow the user to enter the number of feet of track of the type selected in the dropdown. The number of feet is then multiplied to by the price per foot and added to the base price.

 

Select – The select checkbox is used with the variant copy option.  Check the boxes of the variants that you want to copy to another product.

 

Copy Product Variants – From the dropdown list select the product that you want to copy variants to.  When you click the “Copy” button the program will copy all the product variants selected from the variant grid to the product chosen in the dropdown list.

 

Products Variants on the Product Listing Screen

 

SNAGHTMLe6bff8

 

 

When a product is assigned variants the “Add to Cart” button on the product listing screen automatically changes to “Select Options”.  When the user clicks the select options button they are taken to the product detail page where they can select product variants.  The following is a screen shot of the product detail page where the user can select product variants.

 

 

Product detail screen with custom product variants:

 

 

If you have added product variant images, when the user changes the value of the product variant dropdown, radio button or checkbox the product picture will dynamically change.