Hover Effect Over Products in Product Grid (Taste Theme)

Store Design
, , , , ,
1

Hi,

I have recently applied the show second image on hover setting for the product page but I am looking for a smoother transition between these 2 photos.

I have a reference transition which I have linked to this message along with my own page. If anyone could help me get as close to this reference transition as possible then that would be very much appreciated.

My Page: https://muddytrenchwear.com/collections/all

Reference: https://www.vujade-studio.com/store

Thank you,

Tyler

1 Like
2

Hi @Tylerverdee

You can try the code below.

  1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
  2. Find the Asset folder, and open the base.css file
  3. Add the code below at the very end of the file
.card__media .motion-reduce {
    transition: opacity .3s ease-in !important;
}
1 Like
3

Thank you for the help

1 Like