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

Thanks for the solution.

If there’s anything you need, please write me or another member of our help desk team.

We’re here for you!

Kind Regards

[Author]

Posts