Zoom in slow motion Product and Category images

Home Support eCommerce Gem Zoom in slow motion Product and Category images

This topic contains 5 replies, has 5 voices, and was last updated by  Anonymous 1 year, 2 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #17372


    Hi, can you please provide some code to change the current category and product images hover color change to something like a slow motion zoom in?


    Hello There!

    Hope you are doing good!

    Please add custom CSS by following below mentioned steps.

    1) Please log in to the admin area
    2) Go to “Appearance >> Customize >> Additional CSS”.
    3) Paste the below code in “Additional CSS” and save it afterward:

    li.product .product-thumb-wrap{overflow: hidden;}
    li.product .product-thumb-wrap img{transition: all 0.3s;}
    li.product:hover .product-thumb-wrap img,
    li.product:focus .product-thumb-wrap img{transform: scale(1.1);}
    li.product:hover .product-thumb-wrap:before{z-index:1;}
    li.product .add-to-cart-wrap, li.product:hover .view-detail-wishlist-wrap, li.product .view-detail-wishlist-wrap{z-index:2;}

    Hope this helps!

    Have a great day ahead!

    Team ProDesigns



    Yes thanks



    This works really well for us, thank you!



    This is a really cool solution, also use reviews or proof of reputation through social media. My company used a strong social media strategy, including sites like https://socialninja.net/ and Instagram reviews, which we then used on our website pages.



    Thanks for sharing it, Can you mention more about what is the actual issue you are facing. Like Zoom some time it slow due to internet issue and create some issue click here: https://www.criclink.com/ for more information visit and explore new things

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.