Conflict between Elementor’s Improved CSS Loading and WooCommerce TAC checkbox

  • Resolved SiteBolts

    (@sitebolts)


    1 year, 2 months ago

    Screenshot: https://i.imgur.com/N1RD5Ck.png

    Reproduction steps:

    1. Install Elementor and WooCommerce
    2. Enable WooCommerce’s “terms and conditions” checkbox
    3. If needed, create a terms and conditions page with Elementor and link it up to WooCommerce via the Customizer.
    4. Add a product to your cart and go to the checkout page
    5. Click the “terms and conditions” text to show the terms and conditions preview box
    6. Observe that the terms and conditions preview box includes escaped CSS before the rest of the content

    Workaround: Go to wp-admin > Elementor > Settings > Features and set “Improved CSS Loading” to “Inactive”. Afterwards, edit the affected page (Terms and Conditions) with Elementor, make some kind of small edit so that the update button appears, and click Update. Also, clear your site’s cache if needed.

    Relevant WooCommerce files:

    1. woocommerce/includes/wc-template-functions.php
    2. woocommerce/templates/checkout/terms.php

    Summary: Elementor’s “Improved CSS loading” feature is enabled by default, but it conflicts with the T&C preview in WooCommerce’s default Terms And Conditions checkbox feature. Although the workaround above fixes it, these two plugins are used widely enough that it would make sense for one or both plugin authors to fix the issue to ensure full compatibility between the two plugins.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support katerinaz – a11n

    (@katerinaz)

    Hello there @sitebolts !
    WooCommerce developers do not test WooCommerce extensions (including the core plugin) with third party plugins like Elementor.
    Therefore, I am afraid we are not in a position to guide you properly on that and I am also not sure if another member of the community will be able to answer to your request.
    I highly suggest you reach out to the Elementor support team to get accurate guidance: https://www.ads-software.com/support/plugin/elementor/

    Thread Starter SiteBolts

    (@sitebolts)

    @katerinaz – We’ve reached out to them too already.

    I can understand not wanting to officially support compatibility with a bunch of other plugins, but Elementor is by far the most commonly used page builder and if nothing else it would be nice to at least identify the issue and see if there are any easy ways to resolve it.

    Elementor aside, it’s possible that part of the issue may be in how your plugin is pulling in the Terms Of Service data and it could theoretically be affected other plugins/themes if they’re using the same hook(s) that Elementor is. If that does happen to be the case here, then it would be a defect on WooCommerce’s part that could ideally be solved with a different content loading method, maybe toggled with a checkbox or something.

    Would it be possible to reproduce the issue on your end and see if there are any potential solutions? Again, this may not necessarily be an issue that’s constrained to Elementor.

    Plugin Support Kaushik S. a11n

    (@kaushiksomaiya)

    Hi there @sitebolts team!

    I looked further into it and was able to replicate using the default Gutenberg editor.

    I’ve gone ahead and filed an issue here on WooCommerce’s GitHub repo: https://github.com/woocommerce/woocommerce/issues/40157 Our developers will be taking it further.

    We greatly appreciate your vigilance in reporting this issue. Please do not hesitate to reach out if you have further queries or concerns.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Conflict between Elementor’s Improved CSS Loading and WooCommerce TAC checkbox’ is closed to new replies.