Quick view of the next photo on hover - store page

Hi guys!

Is it possible that when hovering over the product on the store page, the photo did not increase, but the following product photo was shown (which can be viewed already on the product page).

Something like a quick view of the next photo on hover.

On 9/9/2022 at 11:51 PM, Venera said:

Site URL: https://www.veneramor.com/

Hi guys!

Is it possible that when hovering over the product on the store page, the photo did not increase, but the following product photo was shown (which can be viewed already on the product page).

Something like a quick view of the next photo on hover.

Use the following Css code to remove the scale image effect

.products.collection-content-wrapper .grid-item:hover .has-hover-img .grid-image-cover {
  opacity: 1;
}
.products.collection-content-wrapper .grid-item:hover .grid-image-hover {
  opacity: 0;
}

On 9/13/2022 at 6:06 PM, bangank36 said:

Use the following Css code to remove the scale image effect

.products.collection-content-wrapper .grid-item:hover .has-hover-img .grid-image-cover {
  opacity: 1;
}
.products.collection-content-wrapper .grid-item:hover .grid-image-hover {
  opacity: 0;
}

 

I probably didn't explain it well. I mean, how do I make the next product photo appear on hover?