# Image change on product variation WooCommerce

**URL:** <https://forum.bricksbuilder.io/t/image-change-on-product-variation-woocommerce/31762>\
**Category:** How To\
**Created:** [April 14, 2025, 4:13pm UTC](https://forum.bricksbuilder.io/t/image-change-on-product-variation-woocommerce/31762 "2025-04-14T16:13:53Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![joep](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/j/87869e/32.png) [@joep](https://forum.bricksbuilder.io/u/joep)\
**Post date:** [April 14, 2025, 4:13pm UTC](https://forum.bricksbuilder.io/t/image-change-on-product-variation-woocommerce/31762/1 "2025-04-14T16:13:54Z")

</div>

Hi there,

I have searched the forum and appearently (read in other forum posts) it should work out of the box with the setup i have (see below) but i cannot get it to work.  
Goal: To change the product image on selection of the Color (Single select: Kleur)

> **[Go with the flow - behang](https://www.landscapeonaroll.nl/product/go-with-the-flow/)**
>
> Laat je meevoeren door het moment, geniet van elke minuut, maak je geen zorgen over morgen, want morgen is de atmosfeer toch weer anders.

Image per variation exists:

 ![image](https://forum.bricksbuilder.io/uploads/default/original/3X/e/3/e3203a328b3f15f26e9ffda900886479dcb8fb6c.png)

I have a product image and Gallery:

 ![image](https://forum.bricksbuilder.io/uploads/default/original/3X/7/d/7de0880c334bea20323f3e3b36528db712feb944.jpeg)

The product template holds the WC Gallery element:

 ![image](https://forum.bricksbuilder.io/uploads/default/original/3X/a/2/a2b668f26332c899d4aba7a6c726fc47810361e6.jpeg)

When selecting a variation the main image does not swap for the one of the variation.  
Am i missing something?

Jasper

Woocommerce 9.7.1  
Bricks builder 1.12.3

---

<div class="post-metadata">

**Author:** ![GrowPlugins](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/growplugins/32/10498_2.png) [@GrowPlugins](https://forum.bricksbuilder.io/u/GrowPlugins)\
**Post date:** [April 15, 2025, 7:57am UTC](https://forum.bricksbuilder.io/t/image-change-on-product-variation-woocommerce/31762/2 "2025-04-15T07:57:26Z")

</div>

Are you using the product price element? I believe that is required to get variation switching to work.

---

<div class="post-metadata">

**Author:** ![joep](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/j/87869e/32.png) [@joep](https://forum.bricksbuilder.io/u/joep)\
**Post date:** [April 16, 2025, 3:16pm UTC](https://forum.bricksbuilder.io/t/image-change-on-product-variation-woocommerce/31762/3 "2025-04-16T15:16:14Z")

</div>

Hi There,

Yes i have. Strange huh…  
 ![image](https://forum.bricksbuilder.io/uploads/default/original/3X/3/7/3746cdc1659404d9fd77d8741c6bc88d836c4f0c.png)

---

<div class="post-metadata">

**Author:** ![joep](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/j/87869e/32.png) [@joep](https://forum.bricksbuilder.io/u/joep)\
**Post date:** [October 29, 2025, 5:05pm UTC](https://forum.bricksbuilder.io/t/image-change-on-product-variation-woocommerce/31762/4 "2025-10-29T17:05:43Z")

</div>

See [NO BUG: Image swatch not changing main image view? - #4 by Matej](https://forum.bricksbuilder.io/t/no-bug-image-swatch-not-changing-main-image-view/36525/4) for the solution