Image Not Changing In Catalog Mode

If you’re using Flatsome catalog mode and your variable product images aren’t changing when you make a selection, then you’ll need to add this code to your child theme’s functions.php file:

/**
 * Add single variation field in catalog mode.
 */
function iconic_add_variation_field() {
	if ( ! get_theme_mod( 'catalog_mode' ) ) {
		return;
	}

	?>
	<div class="woocommerce-variation-add-to-cart variations_button">
		<input type="hidden" name="variation_id" class="variation_id" value="0" />
	</div>
	<?php
}

add_action( 'woocommerce_single_variation', 'iconic_add_variation_field', 10 );

👋 If none of these fixes work for you, please get in touch with us and we’ll do our best to help.

WooThumbs for WooCommerce

Enable zoom, sliders, video, fullscreen, multiple images per variation, and customisable layout options for your product imagery.

Buy Now

Was this helpful?

Please let us know if this article was useful. It is the best way to ensure our documentation is as helpful as possible.