When Toolset plugins active, WooCommerce Edit Address appears squashed in German

This thread is resolved. Here is a description of the problem and solution.

Problem:
The woocommerce checkout page encounters issues when Toolset plugins are active.

Solution:
This is a known issue that happens with WooCommerce when loading Bootstrap 4. https://toolset.com/errata/bootstrap-4-columns-classes-col-1-and-col-2-conflicts-with-woocommerce/

This support ticket is created 3 years ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-	-	9:00 – 13:00
14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-	-	14:00 – 18:00

Supporter timezone: Africa/Casablanca (GMT+01:00)

This topic contains 2 replies, has 2 voices.

Last updated by simonM-5 3 years ago.

Assisted by: Jamal.

Author

Posts

December 3, 2021 at 3:47 pm #2236309

simonM-5

Hi Support

We have noticed that when at least any Toolset plugin is active, they interfere with the WooCommerce Addresses in German.

hidden link works fine, but when viewing in German

hidden link

the address gets squished. If we deactivate the Toolset plugins, the German page appears correctly (see screenshots).

Any ideas?

Kind regards
Simon

December 5, 2021 at 11:11 am #2237389

Jamal

Hello Simon and thank you for contacting the Toolset support.

This is a known issue that happens with WooCommerce when loading Bootstrap 4. https://toolset.com/errata/bootstrap-4-columns-classes-col-1-and-col-2-conflicts-with-woocommerce/

You have already implemented the workaround with a custom code snippet, but the check is done only for the English page, I added a check for the German translation.

function dequeue_bootstrap(){

  if ( is_page( 'my-account' ) || is_page( 'mein-konto' ) ) {

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

I hope this helps. Let me know if you have any questions.

December 5, 2021 at 11:24 am #2237393

simonM-5

Thanks Jamal, that's solved it.

My issue is resolved now. Thank you!