---
title: "Troubleshoot: Images Not Changing In The Gem Theme"
source: "https://docs.nexcess.com/software/kadence/iconic/product-configurator/images-not-changing-in-the-gem-theme/"
description: "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…"
vertical: "Software"
area: "Product Configurator"
date: "2021-03-25"
last_modified: "2026-07-02"
---

# Troubleshoot: Images Not Changing In The Gem Theme

If you are using WooCommerce Product Configurator and [The Gem](https://themeforest.net/item/thegem-creative-multipurpose-highperformance-wordpress-theme/16061685?ref=iconicwp) 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 them with the configurator images.

Place the following snippet in your child theme’s `functions.php` file, or use the [Code Snippets](https://en-gb.wordpress.org/plugins/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](https://docs.nexcess.com/wp-content/uploads/2026/06/Change-width-of-image-1024x590-1.png)