I have a problem with this swatches as an image from product variations

Hello dear xtemos team.
I have a problem with this swatches as an image from product variations and
This video couldn’t helped me at all how to show my variation image as a swatch image. https://www.youtube.com/watch?v=TITlJ6Zg0so
Maybe I am missing something in this tutorial or because it is an for old version video. Would you help me to do it.

Hello,

1. Enable the “Use images from product variations” in Theme Settings -> Shop -> Variable products: https://prnt.sc/SLKIoDeCW_F-

2. Define the image for the variation in the settings of the product – https://prnt.sc/nmOUHmnlVId0

3. Enable the “Text swatch” for the color attributes – https://prnt.sc/-J5sJSTq4C3V

4. Navigate to Theme Settings -> Shop -> Variable products -> set the “Color” attribute as “Grid swatch attribute to display”: https://prnt.sc/YqWQY2EvNQ2j

Result: https://prnt.sc/u2wCAGO2IPAu

Kind Regards

Thanks for your answering it is helped to solved my problem.
Now I need a bigger swatches images, is there any option for this to do it or should I write CSS? If th way is CSS where can I write it.

https://prnt.sc/f3_ezf_OEn8Y

[Author]

Posts