Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 28, 2020 at 7:49 pm #1241683
    DanielKG

    Hello Enfold support,

    I wanted to recreate the effect/image hover as seen in the first product here: Enfold Shop demo. Image 1 and 2 attached as reference in link.

    Nothing that I have read seems to be working from me. Also did what everyone is saying in the forum and online and still doesn’t work. Image 3,4 and 5 reflect what I would like to achieve.

    I would really appreciate you help looking into this.

    September 2, 2020 at 1:30 pm #1242799
    Yigit

    Hey,

    Thanks for contacting us and sorry for the late reply!

    It seems to be related to lazy load. I added following code to bottom of Style.css file of your child theme and that helped

    .avia-product-hover.lazyloaded {
    opacity: 0;
}

    Please review your website :)

    Best regards,
    Yigit

    September 2, 2020 at 3:25 pm #1242834
    DanielKG

    Hi Yigit,

    Thanks for looking into this. Everything seems to be working now. It’s weird that it wasn’t working without having to add the css but anyways it’s working now. I really appreciate the support, great as always.

    You can close this ticket now!

    September 2, 2020 at 4:39 pm #1242860
    Yigit

    Hi,

    It seems to be related to Lazy load feature of Smush. I could not reproduce the issue on my installation with Enfold’s lazy load feature enabled :)

    You are welcome! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Product Hover Effect’ is closed to new replies.