CSS & JS Causing Checkout Field Issues
-
Hi,
I’ve discovered an issue where the Product Table for WooCommerce plugin loads its CSS and JavaScript assets on every page including the WooCommerce checkout page. This has caused conflicts, particularly with address related fields State / Region dropdowns on checkout.
Im using Elementor Pro and Woocommerce Checkout.
Problem:
- When Product Table for WooCommerce is active, the “State / Region” dropdown on the WooCommerce checkout page becomes disabled. When clicked it is being reset or interrupted so you can not select the “State”
- This prevents customers from completing checkout due to address validation/shipping errors.
- Disabling the plugin or preventing its assets from loading on checkout resolves the issue.
Workaround:
To resolve this, I added a code snippet to only allow Product Table for WooCommerce CSS/JS to load on the specific page where I actually use the table and to remove them from the rest of the site (including checkout)Request:
- Can you provide an option to only load plugin assets on pages where the product table shortcode/block is used, rather than sitewide?
- Are you aware of any other known conflicts with WooCommerce checkout fields?
Thanks for your attention this would help a lot of users with similar site setups!
PS: I think this plugin is fantastic and works great other than this issue.
The topic ‘CSS & JS Causing Checkout Field Issues’ is closed to new replies.