Troubleshooting the Multistep Product Configurator

Here are some issues you might encounter when using the Multistep Product Configurator (MSPC) plugin and how to fix them:

• The options modal appears on the WooCommerce taxonomy pages
• You can't see any attributes inside the WooCommerce Variations tool
• Multistep Product Configurator module not displaying on the frontend

The options modal appears on the WooCommerce taxonomy pages

When you’re creating or modifying WooCommerce Attributes and their Variations, you shouldn’t see the MSPC options modal. If you do, it’ll look something like this: 

In some cases, the Bootstrap framework gets loaded into the same backend page where the semantic-ui framework is loaded from the MSPC plugin. This can create conflicts when trying to edit the options for FPD.

To prevent Bootstrap from being loaded in the Attribute or Variation taxonomy backend for WooCommerce, put this PHP code into the functions.php file:

function fpd_mspc_dequeue_script() { 
if( wp_script_is('mspc-admin') && isset($_GET['taxonomy']) ) {
wp_dequeue_script( 'bootstrap.min' );
 } 
} 

add_action( 'admin_footer', 'fpd_mspc_dequeue_script' );

PHP

You can access this file from your FTP or File Manager.

You can't see any attributes inside the WooCommerce Variations tool

You’re working on configuring the MSPC for your WooCommerce product. However, when you go to set the Attributes to include in the MSPC module, you can see the title of the attribute but not the attributes themselves. 

This occurs when you've added attributes as custom product attributes inside the product page.

In order for attributes and variations to work inside of MSPC, you have to create them from the WooCommerce Attributes page. 

To do this, go to Products > Attributes. 

Once you’ve created all of your attributes and their corresponding variations, go back to your product page. You’ll see them in the Attributes section now. 

Multistep Product Configurator module not displaying on the frontend

Sometimes, few custom WordPress theme which comes with custom WooCommerce templates, they did not use WooCommerce hooks which difficult us to implement our feature since our plugin rely on WooCommerce hooks.

So, If you are using a WordPress theme with custom WooCommerce templates, you need to add the following hook to the content-single-product.php file in your child theme. 

Note: Make sure it’s added to the child theme so that future updates don’t override the file change.

do_action( 'woocommerce_single_product_summary' );

If this hook is missing, the module cannot be displayed on the frontend.