Hover Zoom on Product Image
-
Check the private message…
Hello,
You have enabled such design for the portfolio as in the below link.
https://woodmart.xtemos.com/portfolio/?opt=portfolio_under_image
This design already has functionality for “Zoom” image, but your custom CSS code disabled it.
https://gyazo.com/ca444c29fe990127d2c74b2d709ca309
Therefore you should just remove your custom CSS and “Zoom” will work well.
https://gyazo.com/d3cc8429e92cc9c3456b7f3f3baa39ad
Kind Regards
Hey Luke,
Nice suggestion!
I have another doubt:
Is it possible to set same height in the products?
Check the attachment with example.
Attachments:
You must be
logged in to view attached files.
Hello,
The size of the images from the Portfolio you can change via Theme Settings -> Portfolio -> Portfolio archive -> Images size.
https://monosnap.com/file/8iZGJvivsuBozC9evtRbS2NeI99oOz
The size of the product images can be changed through Appearance -> Customize -> WooCommerce -> Product images.
https://monosnap.com/file/TkDXGDnEUqnijSf28QRPQhn7aMFKvj
Let me know if there is anything else I can help and have a good day!
Kind Regards
Hello,
I have large option activated. All images have the same size. The theme is using Masonry with position absolute, i have tried to fix it using CSS. I think the only way was using JavaScript according to my searched. In the case, you have any solution for this, i appreciate your help.
Best Regards.
Hello,
Items from the portfolio page are using the masonry grid by default, therefore it cannot be changed so I suggest you move these products from the portfolio to the shop page.
Please let me know if you have any further questions in the meantime.
Kind Regards
If there’s anything you need, please write me or another member of our help desk team.
We’re here for you!
Kind Regards
The topic ‘Hover Zoom on Product Image’ is closed to new replies.