How can i accomplish Variations Swatches with the product images in circle?

I want to show circle variation swatches with images instead of default dropdowns. pls, help me as when I do it in theme settings it’s not working. Earlier I was using the Variation Swatches Pro plugin with Woodmart 6.0 theme but when i updated to the latest woodmart 7 themes, the variation swatches pro functionality stopped working for https://xpressgoods.com/

Hello,

You can find the option to select the design of the attribute in the attribute and attribute item. https://gyazo.com/b6901b57afd8a81ccb653a4231c7346e

If you have any questions please feel free to contact us.

Best Regards

I have attached the variation swatches screenshot which i’m looking out in our theme. Pls help me to set the variations like this.

Attachments:

You must be logged in to view attached files.

Hello,

Please check this manual to configure variable products: https://xtemos.com/docs-topic/variable-products-and-swatches/

Then you can select the design of the swatches in the attribute settings.

If you have any questions please feel free to contact us.

Best Regards

These things i have already done but still I’m not able to get the output as expected.

Let me know if you want to look at my admin panel.

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards

I have mentioned the admin credentials of staging enviornment

Hello,

You use custom attributes: https://gyazo.com/f765b7732cc56f45241f80ca13e97a62

In order to configure the swatches you need to create the global attributes: https://xtemos.com/docs-topic/variable-products-and-swatches/

If you have any questions please feel free to contact us.

Best Regards

I had given you the admin credentials so if you can help me configuring atleast one then i can do same for my production.

Hello,

You have a color attribute in the Dashboard > Products > Attributes: https://gyazo.com/a5eee2243edbcedc93b7081c57364bad

You need to create attribute colors as per your needs.

Then you delete the custom attributes that you have added to the variable product and add this global: https://gyazo.com/525771d09a815eb303ead6f60d8f17f6

Then you create attributes from the global attribute items and confirm the swatches as per instruction.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts