First of all upload the multistep-product-configurator folder/zip the to your wordpress plugin directory and activate it in your Plugins page. If you do not know how do that – just google it. There are a many tutorials that explain how you do that.
Enable MSPC for a Variable Product
First of all you need to know how to set up a variable product. Please view the official WooCommerce documentation how to do it! Here is also a nice video tutorial how to create variations like I do in my example here.
The attributes for the variations need to be created via the "Attributes" admin page, setting attributes in the "Product Data" panel when editing a product is not supported. If you do not know how to do that, please view the WooCommerce documentation. The attributes of your variations will be used in the Multistep Product Configurator.
Just enable MSPC in the Product Data Metabox.
Attribute Thumbnail & Description
In the Attributes admin page you can set a thumbnail and a description for an attribute. The MSPC plugin will add an adittional field to set a thumbnail for an attribute. The thumbnail size is controlled via the dimensions that you set for the "Single Product Image" size in the General settings of WooCommerce.
Required woocommerce hookIf you are using a theme with custom woocommerce templates, this hook needs to be in the content-single-product.php and must not be removed from the theme author:
do_action( 'woocommerce_single_product_summary' );If this is hook is missing, the module can not be displayed on the frontend and is bad coded from the theme author. You need to contact the theme author and tell him to fix that.
Fancy Product Designer
If you are using Fancy Product Designer plugin for WooCommerce you can interact with the variation attributes and the product stage of Fancy Product Designer.
- Fancy Product Designer - WooCommerce plugin V1.2.1
- MSPC V1.0.2