'Products color should show through color variations in woocommerce

I have added two variations at product page in woocommerce.

Color image is moving and appearing at the front, once i am selecting the size also.

But my requirement is:

image for reference:

Once someone hit at color button, then same color product should be appear in front of users and after that they can select the size for purchasing.

If i removing the size variation and using the color only then product of same color is appearing but size selection is not appearing...

It would be highly appreciated if someone answer me regarding this.

Thanks

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source