Replace swatches with img

I want use variable images in color swatches. i the video i said the details .
https://www.loom.com/share/79aa3bbc40ef4ea5835a13e95bf8e373

Hello,

Please check and follow the instruction of this manual: https://xtemos.com/docs/woodmart/variable-products-swatches/

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

Best Regards

can you please watch the video i gave above. I want image that i will use in the variation to show in the color swatches instead of the color plate. but in the suggestion you have given, i have to give the image in attribute> color> image preview, then this same color can no longer be used as variation in other products. because those products will not have the same image.

Hello,

You need to enable “Use images from product variations” in the Theme Settings > Shop > Attribute and Swatches and upload images to each variation in the product page.

If you have done all that and it does not work, provide your site admin access (insert the site credentials into the Private content block under the message area) and confirm the permission for plugins deactivation, switching to the parent. In addition, we will need variable product properly configured and does not work. This testing may take up to 15 minutes. You would better make the full backup of your site.

Best Regards

please tell me the steps. please

Hello,

I cannot log in with the credentials you have provided, please check them once more and provide the product URL which you have configured and I can check it.

Best Regards

https://codeman.tawhidulshehzad.com/wp-admin/

Hello,

Please provide the admin rights for the user. I need to enter products and Theme Settings.

Best Regards

please tell me the steps that you will do.

Hello,

Please follow this manual step by step: https://xtemos.com/docs/woodmart/variable-products-swatches/ You need to add images to each variation.

As soon as you configure the swatches I will provide CSS to make them square.

Best Regard

please watch the video i have given.
https://www.loom.com/share/ddf62dd5c68f472c9bb22546ecf57b24

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the page URL where you have added all images and it does not work.

Best Regards

P.S You need to add color and image to the attribute items as described in the manual I refer to.

Best Regards

You have not been able to come up with a solution for a week, you have to upload a product and show the variation image in the swatch, why are you giving unreasonable reply, see what I want.I have said so many times that I want to see the variation image in the swatch, I have given admin access, there is no consistency in your reply. if you can’t , refer someone senior

Hello,

In order to show the images in the swatches on the product page, you need:

1. Add the images to the variable products.

2. Configure showing the images in the swatches following the instruction that ways provided to reply to your first request: #327082 October 22, 2022.

You have not set the attribute to swatch as was recommended in the manual: https://gyazo.com/3bca71206a6a6035ea1da9b8b3366b04

Now I have configured swatches for the product you can check and use the same settings for other colors.

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

Best Regards

please watch the video
https://www.loom.com/share/d71b22889d5f4c20a6bbcd3d1e8c36b5

Hello,

Thie hover design assumes clicking the image to got to the product page. Please check and chose another one in the Theme Settings > Product Archives > Products style.

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

Best Regards

please watch this video please
https://www.loom.com/share/668d3520b1a84bdfb367c55bf03edc32

please watch this video please
https://www.loom.com/share/a7cde060d2bb4e28ab0406e4dd9d51c6

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .swatches-on-grid {
display:none;
}

Best Regards

[Author]

Posts