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

Uncode theme integration – archives page

Anna Lynch

Hi there,

I am using uncode theme. But it appears on the archives listing page that the swatches are appearing above the image in the wrong spot. How can I move them down? Is there some standard code you could please provide to fix?


Hakik Zaman

Hi Anna,

Thanks for reaching us. We are sorry for your inconvenience.

Could you send us the latest version of the theme that you are using on your site? We’ll try to investigate your issue by installing your theme on our local setup.

You can upload the theme file to Dropbox or Google Drive and send the download link here directly.

Looking forward to hearing from you soon.

Thank you

Anna Lynch

Here is the link to the theme ; )


Uncode mentions your plugin on their site here: https://support.undsgn.com/hc/en-us/articles/360018828237

With these notes:

Please note that its authors have designed the plugin to work with images embedded using the regular <img> tag as it usually happens in WooCommerce and most layouts. So if you are using an advanced and creative Uncode layout like Metro or Carousel Fluid, where images are applied in the background, the image variation will not work.

Separately, I also want the image to change when the colour is selected but it won’t work. I tried with 2 different layouts:

and https://woocommerce-151851-2441033.cloudwaysapps.com/product/eva-sequin-kimono-top-copy

Any ideas?

Hakik Zaman

Hi Anna,

Thanks for providing the theme file. Please use the below snippet inside your child theme’s functions.php or create a snippet using the Code Snippets plugin

add_action('woo_variation_swatches_pro_archive_page_loaded', function($wvs_pro){
remove_action('woocommerce_init', array( $wvs_pro, 'enable_swatches' ), 1);
add_action('woocommerce_after_shop_loop_item_title', array( $wvs_pro, 'after_shop_loop_item' ), 9);
}, 10, 1);

Thank You