Products variations does not work: "Please, choose product options by visiting"

Hi there, we are trying to solve some issues on our website before publishing it online.

I am using wp rocket to optimize the speed of our website…The wp rocket works well but there some tweaks that need to be done to work well with the woodmart theme.

For example, in order to get the slider (slider revolution) working fine on our website, we had to make some changes such as:

On the Load JavaScript deferred, we had to exclude:

/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js

On the Delay JavaScript Execution, we had to exclude:

/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/revslider/public/assets/js/
setREVStartSize
rev_slider_
revslider_
window.RS_MODULES

These changes are working well on our woodmart theme.

But now, we are facing some problems related to “product variations”.
90 % of our products are variable products with 2 or 3 variations on them (size: unity, kilo or box)
When we open a product page, if we click on the add to cart button, the website throw a message:
“Please, choose product options by visiting PRODUCCT_NAME”.

What do I suspect? Based on what I have been investigating, I suspect that there is some Javascript or AJAX file that does not load completely… And that makes the click on the variation of that product (kilo, box, or whatever) is not taken into account (does not work).

So, my question is: Based on my explanation, which woodmart javascript or ajax or jquery file should I exclude from “Load JavaScript deferred” (WP Rocket option) in order to get the product variations working as expected?

I had some issues with the slider revolution, but I solved that problem excluding some files from “Load JavaScript deferred”. So, in that case, for “product variations”, which file should I exclude?

Please, discuss that topic with your team in order to get a solution…

Thank you so much…

https://imgur.com/5DrQ4t2
https://imgur.com/B7jLtA8

Attachments:

You must be logged in to view attached files.

Hello,

Please make the full backup of your site and check the issue on the Storefront theme to detect if our theme causes the problem. Storefront is a free theme developed by WooСommerce.

Best Regards

Hi…Thanks for your answer.
I already deactivated all plugins, tested it with default WP themes, etc.
I also created a staging area to work on it…I am performing some tests on that staging area (Test/Clone Website)

What I need to do is:
I need to find which javascript file is loading the product variations on the woodmart theme (on the product page for every single product)…So, When I find it, I need to exclude it from “DELAY JAVASCRIPT EXECUTION” on the wp rocket panel.

I am looking at the Network tab (On Chrome Dev Tools) trying to find all javascript files Woodmart theme loads when a product is loaded…

This is what I have so far:

/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/revslider/public/assets/js/
setREVStartSize
rev_slider_
revslider_
window.RS_MODULES
/woodmart/js/scripts/global/helpers.min.js
/woodmart/js/scripts/wc/productImages.min.js
/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=5.9.0
/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=5.9.0
/wp-content/plugins/woocommerce-multilingual/res/js/cart_widget.min.js?ver=4.12.1
/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart-variation.min.js?ver=5.9.0
/wp-content/themes/woodmart/js/scripts/wc/actionAfterAddToCart.min.js?ver=6.1.4
/wp-content/themes/woodmart/js/scripts/wc/swatchesVariations.min.js?ver=6.1.4
/wp-content/themes/woodmart/js/scripts/wc/addToCartAllTypes.min.js?ver=6.1.4
/wp-content/themes/woodmart/js/scripts/wc/woocommerceQuantity.min.js?ver=6.1.4
/wp-content/themes/woodmart/js/scripts/wc/cartWidget.min.js?ver=6.1.4

As you can see, there are some javascript files related to “add to cart”, “cart widget”, “swatches variations”. These are woodmart related files.

What I am asking for is some help from your developers in order to find which Javascript file should I exclude from “DELAY JAVASCRIPT EXECUTION” on the wp rocket in order to avoid getting this annoying message:
“Please, choose product options by visiting PRODUCT_NAME”

Any suggestions or help from your part? I really appreciate your assistance on that issue.

Thank you…

https://docs.wp-rocket.me/article/1560-delay-javascript-execution-compatibility-exclusions#woodmart

https://imgur.com/DaWSOEA

Attachments:

You must be logged in to view attached files.

Hello,

Could you please disable all plugins that are not related to our theme and provide us your admin access so we can check it? Leave the WP Rocket plugin activated. Also, send us a direct link to the product where we can see the problem.

Thank you in advance

Hi again…I spent a lot of hours working on that issue and I found a solution after reading a lot and investigating around the Internet. But that is a strange error that causes me a lot of headaches…

Thanks anyway…Best regards.

We are glad that you sorted it out. Let me know if you need any further assistance.

Have a nice day!

[Author]

Posts