Documentation

Images Not Changing In The Gem Theme

If you are using WooCommerce Product Configurator and The Gem theme, you may have noticed that the images do not change when you select your product options.

In order to resolve that, we need to remove the default images and replace it with the configurator images.

Place the following snippet in your child theme’s functions.php file, or use the Code Snippets plugin.

function iconic_configurator_thegem() {
    global $jckpc, $post;
  
    $configurator = get_post_meta( $post->ID, 'jckpc_enabled', true );
  
    if( $configurator !== "yes" ) {
	    return;
    }
  
    remove_action( 'thegem_woocommerce_single_product_left', 'thegem_woocommerce_single_product_gallery', 5 );
    add_action( 'thegem_woocommerce_single_product_left', array( $jckpc, 'display_product_image' ), 5 );
}

add_action( 'wp', 'iconic_configurator_thegem' );

Once you’ve done that, you will want to set your image width to 100% and change the layout to “None”.

Change width of image change display to none

Are you using WooCommerce Product Configurator yet?

Start your 14-day free trial right now and get instant access to the features described in this article.

or learn more

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.

WooCommerce Product Configurator by Iconic

WooCommerce Product Configurator

Not got the plugin yet? Get instant access right now, free for 14 days.

or learn more

Still need help?

If you haven't found what you're looking for in our documentation, please contact support.

Get Support