Zoom in slow motion Product and Category images

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

  • This topic has 3 replies, 3 voices, and was last updated 3 years ago by Anonymous.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #17372
    Anonymous
    Inactive

    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
    nirav
    Keymaster

    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
    Anonymous
    Inactive

    Yes thanks

    #18052
    Anonymous
    Inactive

    This works really well for us, thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.