[Resolved] Toolset plugin causing cart issues

[Author]

Posts

[tonyf-3]

Tell us what you are trying to do?

My cart is displaying as per the attached image. I have disabled all plugins and when I activate the toolset plugins it is causing the issue.

Any ideas what could cause this ?

Thank you again for your continued support

[Jamal Supporter Languages: English (English ) French (Français ) Timezone: Africa/Casablanca (GMT+01:00)]

Hello and thank you for contacting the Toolset support.

Does this issue happen with a default theme such as TwentyTwenty?

Can you explain how I can add products to the cart to see this issue on the cart? Or do I need to login in order to be able to add a product to the cart?
Your next reply will be private to let you share credentials safely if needed. ** Make a database backup before sharing credentials. **

[Jamal Supporter Languages: English (English ) French (Français ) Timezone: Africa/Casablanca (GMT+01:00)]

Unfortunately, I could not login with the provided username/password. Can you double-check from your side and update the password in your last or next message.

[Jamal Supporter Languages: English (English ) French (Français ) Timezone: Africa/Casablanca (GMT+01:00)]

It seems that you encounter this known issue https://toolset.com/errata/bootstrap-4-columns-classes-col-1-and-col-2-conflicts-with-woocommerce/

This issue happens with Toolset if it is set to load Bootstrap 4, however, the conflict is really between Bootstrap 4 and WooCommerce only.

You can follow this thread on WooCommerce GitHub page for a stable solution:
- hidden link

As a workaround, for now, you can de-queue Bootstrap on the checkout page using a custom code snippet like this one.
- hidden link

Of course, you’d have to change its condition to is_page( 'checkout' ). Add the following code to your theme's functions.php file or in a Toolset snippet. https://toolset.com/documentation/adding-custom-code/using-toolset-to-add-custom-code/

/**
 * Don't enqueue Bootstrap on WC Products archive
 */
function dequeue_bootstrap(){

  if ( is_page( 'checkout' ) ) {


    // dequeue Bootstrap CSS
    function dequeue_bootstrap_css(){
      wp_dequeue_style( 'toolset_bootstrap_styles' );
      wp_dequeue_style( 'toolset_bootstrap_4' );
    }
    add_action( 'wp_print_styles', 'dequeue_bootstrap_css' );

    // dequeue Bootstrap JS 
    function dequeue_bootstrap_js(){
      wp_dequeue_script( 'toolset_bootstrap' );
      wp_dequeue_script( 'toolset_bootstrap_4' );
    }
    add_action( 'wp_print_scripts', 'dequeue_bootstrap_js' );    

  }

}
add_action( 'wp_enqueue_scripts', 'dequeue_bootstrap', 100 );

[tonyf-3]

My issue is resolved now. Thank you!

I added the following code CSS

.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {
display: block;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
max-width: unset;
}