Variable products and swatches color to image

hello,

can you kindly tell me how to repalce color swatches to image of product
like in attchment

Attachments:

You must be logged in to view attached files.

Hello,

First, you need to disable the color for the swatches and enable the “Text swatch” option in its settings.

https://prnt.sc/WIQ-OhByc77U

Second, define an image for each variation: https://prnt.sc/ycm0TOhbdQ1U

And then turn on the “Use images from product variations” option in Theme Settings -> Shop -> Variable products: https://prnt.sc/ij8em3t-lHaP

Kind Regards

hello i have done that it works
can i inrcrease size of image beside round box make it sqaure box

Hello,

Yep, in the settings of the attributes, you can adjust the “Swatch” area in the way you want, more detail in the below screenshot:

https://prnt.sc/Na4Sxr5FXvN3

Kind Regards

thanks alot all works

Hello,

Always remember that you can reach out to us with any questions you may have.

We wish you a splendid day!

Kind Regards

[Author]

Posts