Streaming live at 10am (PST)

Standard E-Commerce Product Zoom on Mouse Over or similar effect


#1

Is this planned and considered for release for E-Commerce? To view a product by zooming into the image (image enlarges in the div container) on mouse hover or something similar to show images in this way in higher rez? Yes I know about the CMS’ current lightbox feature but is there one with a zoom? Aswell as to preview different hd images by clicking different product thumbnails? Alternative options for detail view which would be really great using a much easier drag and drop widget process than custom coding.

Ray


#2

Hey @Lucius_Blackheart - that’s not on our shortlist at the moment, but building out a widget library in the add panel for that and similar ecommerce-specific elements is something that’s been discussed.

The best move in the immediate term is to file that request in the ecommerce category of our wishlist so we make sure that idea doesn’t get lost in the shuffle, and so that we can compare demand for that with other features in our pipeline.

Thanks!


#3

Will do this is a necessary feature for e-commerce apparel and accessories products.

R


#4

Here it is! Added to wish list and letting everyone know about this especially if you will be selling apparel or accessory products online that need detailed shots of images.

https://wishlist.webflow.com/ideas/WEBFLOW-I-1601


#5

Thanks Lucius! Agree, would be great to have this.


#6

Hey @Lucius_Blackheart,

You can do that with some interactions easily.

Here’s an example:
https://preview.webflow.com/preview/product-zoom-834368?utm_source=product-zoom-834368&preview=e89264d7976b3cfd3b4ac82915f75218

If you need more help let me know. Have a great day


#7

Thanks gilson. It is definitely but was looking forward to a drag and drop process because I would need to set this up to work with other thumbnails.
I appreciate this working solution!

R


#8

Here’s a demo I made to achieve this effect:

Live: http://supreme-e.webflow.io/

Showcase (clone): https://webflow.com/website/eCommerce-Product-Image-Zoom


#9

This came out perfect! Super clean!


#10

Thanks all for the tips! Appreciate them. They work!

R