Important: FPD Support Update

As of March 1, 2025, direct support for Fancy Product Designer has been discontinued. Only customers with an active support license will continue to receive assistance. Our team is now fully dedicated to Chamevo, the next-generation product customization platform built on the foundations of FPD. For help, use the chatbot available on fancyproductdesigner.com or chamevo.com.

The UI in the backend is messed up (Conflict)

Updated August 10, 20211,624 views2 found helpful

Does your product page look like this?



When your theme has a customiser built with Bootstrap, often the template files are loaded on every single page in admin. So bootstrap is conflicting with our react.js that is used for administering to the products. To test if your theme is conflicting with our plugin, please change the theme (e.g. Storefront or one of the WordPress default themes) to find out if the issue is caused by your current activated theme.


In the first instance - contact your theme developers and ask them for a snippet to add to functions.php that will only call bootstrap files on pages that need them.


You can try adding the snippet below to your functions.php (it's dequeuing the bootstrap.bundle.min.js on any admin page that contains our products.js) - you may need to change file names and this may not work in your case, so please refer to the theme developers first.

add_action( 'admin_footer', 'fpd_dequeue_script' );

function fpd_dequeue_script() {
    if( wp_script_is('fpd-admin') ) {
      wp_dequeue_script( 'bootstrap.bundle.min.js' );
    }
}