Product variation swatches need to be unhighlighted swatches, How to do this?

1. I want to make unhighlighted products variation swatches for out of stock products.

2. How to show product images in colours variation swatches.

Kindly Watch the picture-

Attachments:

You must be logged in to view attached files.

Hello,

01. Navigate to Products > Attributes > edit attribute > Choose the disabled swatch style.

So, you need to have the variant of the Product not checked with the Enable option on it, and then the Disabled Swatch style will work accordingly for variations.

See these images for reference:
https://snipboard.io/BMehIF.jpg
https://snipboard.io/NbOzfP.jpg

02. 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 attributes – https://prnt.sc/-J5sJSTq4C3V

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

When this option is enabled, the swatches will automatically use the images assigned to product variations.

Best Regards,

[Author]

Posts