fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Shop Page Image on Hover does not change

Brooke Parker

I have posted this issue before but did not get a response.

On the Shop/Category Page when you hover over the Swatch Image it does not change. These are my settings:

Global Setting: https://www.screencast.com/t/Wz83fd4I3

Product Setting: https://www.screencast.com/t/bvNeZDJq

Still does not work(video with sound): https://www.screencast.com/t/bXZT0XB7LVbE

I even changed the Product Swatch setting from Global to Color and still it won’t work on hover.

I have included site credentials below. Since it takes over 24 hours to get a response can you please try to resolve this and not respond with a non-solution since I have submitted this issue already and not gotten a resolution to the problem.

Hakik Zaman

Hello Brooke Parker,

Sorry for the inconvenience.

You are using WoodMart Theme. Initially, it brings  loop-image on shop/archive page and on hover the variation are working but you have to hover also the image to see the change. Here is a screencast.

Actually, it is your theme functionality.

If you want to change the image on hover please put the below code here- Appearance > Customize > Additional CSS and hit Publish button.

.archive .loop-image {
display:none;
}
.archive .loop-image + img {
display: block;
width: 128px !important;
height: 184px;
margin: 0 auto;
}

Please let me know, is it resolved your issue or not.

Thanks

Brooke Parker

Hello,

That did fix the functionality but distorted my images. I have a developer that I paid to auto adjust all images to container size, so I think that over-rode his function. I will have to touch base with him, to see if he has a solution in using this CSS without it distorting my images.

Hakik Zaman

Hello Brooke Parker,

Sorry for the inconvenience.

As I said WoodMart display loop-image (It is a theme functionality)  and on hover our plugin is working but you have to hover the thumbnail image also to see the variation images.

I provided just a css snippet so, there is a no chance to override functions. You can remove them anytime from Appearance > Customize > Additional CSS

Definitely you can contact with your developer.

Thanks again for understanding.