The UI in the backend is messed up (Conflict)

Modified on Tue, 10 Aug 2021 at 07:37 PM

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' );

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article