fbpx
🤝  NEW YEAR SALE RETURNS - 50% OFF all plans! 🤝 Grab it Now

Error when use shortcode [products] with elementor in archive page

VU Cong

Hello team,

When I enable “Show swatches on archive / shop page”, 2 errors occur on archive page along with shortcode

+ elementor pro
1.  Lots of logs [Violation] ‘setTimeout’ handler took 75ms add-to-cart-variation.min.js?ver=1.1.18:1 in google chrome log.
2. The color swatches are visible in the archive page but if I click on another color the image will not change to that color.

I disabled all plugins only enable elementor, woocommerce and variation swatch. And when I change different themes, the same error occurs.

Please help. Thank team so much!!

Hakik Zaman

Hi VU,

Thanks for reaching out to us.

Can you please give us temporary admin access to your site? We’ll try to investigate the issue for you.

You can add new users by going to Users > Add New set the user and password for us, set the role to admin, and set the info here.

And add your site URL, login username, and password in the site login area. Follow this guideline: https://www.useloom.com/share/27c1f2ac633c4060b2da883d946107d7

Hope to hear from you soon!

VU Cong

Thank you. Unfortunately, my website is absolutely secure, so I can’t create an admin account for you.
You just need to install elementor + pro, variation swatch + pro, woocommerce. You will get the same error as I mentioned above.

– When I disable elementor + pro, then I don’t get Lots of logs [Violation] ‘setTimeout’ handler took 75ms add-to-cart-variation.min.js?ver=1.1.18:1 in google chrome log but will still encounter a lot of logs like [Violation] Forced reflow while executing JavaScript took 249ms
– Even when I turn off elementor, only variation swatch + woocommerce, I still get the error: The color swatches are visible in the archive page but if I click on another color the image will not change to that color.

Hope you will help me!

Hakik Zaman

Hi VU,

– When I disable elementor + pro, then I don’t get Lots of logs [Violation] ‘setTimeout’ handler took 75ms

Did you try to disable this option? Don’t forget to clear your cache before checking your site again.

– Even when I turn off elementor, only variation swatch + woocommerce, I still get the error: The color swatches are visible in the archive page but if I click on another color the image will not change

Can you please give us your site link to check?

Hope to hear from you soon!

Thank You

 

Hakik Zaman

Hi VU,

Will you help us to reproduce your issue on our end? I have created a staging site for you and uploaded some sample products and added some plugins for you.

It’s a development local site, please login here and try to reproduce your issue here.

https://wptestbox.com/111695/wp-admin/

Username: admin

Password: ^fPJnP48xnxCHmjYAV

Hope to hear from you soon!

Thank You

Hakik Zaman

Hi VU,

Thanks for your co-operation.

Yes, already enabled the Pro version now you can enable those features.

Thank You

VU Cong

Thanks you. I have tried installing 2 identical websites but only my website has the error “The color swatches are visible in the archive page but if I click on another color the image will not change”. You can check:

https://staging.lili.vn/?page_id=42886

https://wptestbox.com/111695/?page_id=64

I don’t know the reason either. But in version 1.1.0 I don’t get that error, only when I update version 1.1.19 I get error

 

VU Cong

Yes. Here is your account. Please help me. Thank you!

Username:  admintest

Password: 0Zxp#d^x^z9PnzqmqwPVYXFr

VU Cong

OMG! Thank you so much! I don’t know why the error was fixed.

I found that after installing the variation swatch plugin, and turning on the “Show swatches on archive / shop page” feature, the TTFB increased from 3s -> 6s. The category page loads very slowly.

Hope you can improve plugin performance.

Hakik Zaman

Hi VU,

Glad to know the error is fixed from your side.

Yes, we are working on Swatches Version 2 to improve our plugin performance.

If you have a staging site with the same setup, I can install the under-development version on your staging.

Then you can test and report to us if it boosts the site performance or not.

Hope to hear from you soon!

Thank You