fbpx
Want To Add Extra Images Per Product Variation? Download This Free Plugin

Featured Image not changing to variation image in shop page

Jasmyin Yeap

Hi, I have product listings in my shop page (https://sakuri.com.sg/shop/) and category archive page (https://sakuri.com.sg/product-category/skin-coat-care/) that I’ve created using Jetengine Listing, I’m not sure why the featured images are not changing to it’s variation image when I select a variation.

Screenshot 2025-07-31 011923.png

Hakik Zaman

Hi Jasmyin,

Thanks for reaching out to us. Firstly, apologies for taking over the Elementor template. I had to do it to check your setup. I hope you will understand.

You have added a widget from the Elementor that displays the default dropdown on the archive/shop page.

Currently, our plugins are deactivated on your site.

You have to enable our plugins, and please use this widget rather than this widget. Moreover, to display swatches, use this shortcode- [wvs_show_archive_variation] using the shortcode widget.

Then add this class .jet-listing-grid__item to this product wrapper here- https://snipboard.io/gRB7ve.jpg

Hope to hear from you soon.

Thank You

Jasmyin Yeap

Hi Hakik Zaman,

No worries at all.

I’ve reactivated the plugin and followed your instructions, however it’s still not working.

Moreover, the custom add to cart widget doesn’t dynamically add the selected item to cart.

Look forward to your reply 🙂

Thanks!

Jasmyin Yeap

Hi Hakik, please give me a moment as I’m trying to fix some bugs.

Ok, I’m done, you may takeover.

Hakik Zaman

Hi Jasmyin,

Somewhere on your site, you have added a CDN of jQuery.

You seem to be experiencing an issue due to a conflict of multiple jQuery versions.

On your site, additional jQuery is being added – https://snipboard.io/FIiOyN.jpg

WordPress Core already offers jQuery (by default). Therefore, you don’t need to enqueue it again from a CDN.

Here is a default list of JS libraries that WP offers:

wp_enqueue_script()

You can enqueue the built-in jQuery library like this:
wp_enqueue_script( 'jquery' );

Rather than:
wp_register_script( 'jquery', 'https://code.jquery.com/jquery-3.4.1.js');

Our plugin uses the built-in jQuery library of WordPress. Please remove the additional CDN for jQuery.

This should resolve the issue.

Thank You

Jasmyin Yeap

Dear Hakik,

It’s working now, however the custom add to cart button widget that you have suggested is not dynamic and doesn’t detect the product or variation selected.

Hakik Zaman

Hi Jasmyin,

I think your add-to-cart widget is out of the loop card.

All the add-to-cart buttons have the same ID.

Please check this and this screenshot.

Thank You

Jasmyin Yeap

Hey Hakik,

No worries at all.

You’re right, it’s working as it should now. Thank you so much!