Woocommerce – Variation price changing animation

Hello Support Team,

i am encountering a specific issue on my product page regarding the animation when changing product variations.

Problem Description:
When I access the product page , without scrolling and try changing the size and material options, the price updates immediately without any animation. However, when I scroll down slightly on the same page and then change the variations, there is an unusual animation showing up during the price change.

Steps to Reproduce:

1. Navigate to product site (see private content) without scrolling.
2. Change the size and material variations.
3. Observe the price change without any animation.
4. Now, scroll down slightly on the page.
5. Again, change the size and material variations.

This time, observe an odd animation accompanying the price change.

Please tell me or please fix it, thanks!

Hello,

Please update the new version of the theme “WOODMART WordPress NEW: 7.3.1 RELEASED” and update the required plugin and check the issue.
https://xtemos.com/docs-topic/update-the-theme/

If the issue remains please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront to understand is it our theme issue or not?

Best Regards.

Hello,

I did updated the theme, first of all my design crashed due an image, it’s weird but I fixed it.

I did tested it with aTwentyTwenty theme and the price doesn’t “jump”. So it’s the issue of xtemos theme. Please check it and fix it.

Hello,

Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then Activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

Otherwise, if the issue still exists then keep the 3rd party plugins deactivated and let me know I will check and give you a possible solution.

Best Regards.

Hello, i have disabled all plugins and left only woocommerce + theme plugin and the price is stil jumping.

Please check it..

Sometimes the Carousell Images are loading with a big magin, ill attach a picture, you can check it too, why its that happending.

Attachments:

You must be logged in to view attached files.

Hello,

Please try to use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Global CSS section:

.woocommerce-variation {
    animation: none !important;
}

Best Regards.

ok it worked, thanks

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts