Zoom in on Image

Design help Custom code
1

I need to have the ability to click and zoom in on an image similair to how a lot of the clothing industry websites have on their product pages.

Has anyone done this on Webflow?

Thanks
Sean

Here is my public share link: LINK
(how to access public share link)

2

You can see a great example of what I am trying to accomplish by visiting the link below.

Link: https://www.everlane.com/collections/womens-newest-arrivals/products/womens-short-puffer-darknavy

3

Looks like this could do the trick for you: http://www.elevateweb.co.uk/image-zoom/examples

4

This one, in particular, seems similar to how Everlane is doing it: http://www.elevateweb.co.uk/image-zoom/examples#inner-zoom

5

Thanks.

So from my understanding I would create an image with the id of zoom_01, and then place this in the data? (data-zoom-image=large/image1.jpg) ?

Then add this to the custom code section: $(“#zoom_01”).elevateZoom();

?? - is that right?

6

@cyberdave - can you share your wealth of knowledge on this one?

7

I want to accomplish this:

880×559 87.9 KB

Here is what I have on Webflow:

1694×756 162 KB

8

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.