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
    Posts
  • #17372

    humberto_valle
    Participant

    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?

    #17442

    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!

    Regards,
    Team ProDesigns

    #17522

    humberto_valle
    Participant

    Yes thanks

    #18052

    Anonymous

    This works really well for us, thank you!

    #19738

    Anonymous

    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.

    #19804

    Anonymous

    Hey,
    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.