Selecting image color option does not change color dropdown selection

On product pages I have noticed that when a user selects a color option, that the dropdown selection for the color does not also change. This is not intuitive for the user. When the user clicks the color image of what they want to see then click add to cart, they will get whatever the dropdown value is and not the color that they have deliberately selected. What the user sees when they click add to cart should be what is placed in the cart.

Is this a setting or a code change?

Example here. Click a product image. The dropdown color value does not change to correspond.
https://www.activestickhockey.com/active-stick-womens-racerback-tank


TC

Hello,

I think this is out of box.

You need to change in code.

Solution:-

based on picture selection you have to set drop-down value dynamic.

after when user click on add to cart button at that time item will get dd value and added with right color.

Hope you will understand..!!

Change the code where? Regardless of where the user changes the color I need both the image that is shown and the value in the drop down to be consistent. What the user sees should be what is placed in the cart. Changing the color via the drop down can change the main image already. That is the out of the box functionality. What I need is when a user clicks the image of the color of the product, for the drop down value to also change to match.

Anybody have a good solution to fix this? If it is a code change that is fine.