Magnifier is a thing that makes something appear larger than it is. In this context, our Image Magnifier Widget will let you magnify an image than it is. I’ll include section-wise instructions along with pictures to help you get started.
Inserting the widget is just a matter of drag and dropping. As you see in the screenshot above for the Image Magnifier Widget.
Using the content tab, you’ll be able to make a layout of a particular part of a website[option be added]. And in this regard, some handy sections in the tab will assist you a lot in designing the zoom images.
In this section, you’ll find two image setting modes as THUMB IMAGE and MAGNIFY IMAGE.
So, firstly, go to Layout > THUMB IMAGE > Thumb Image > set your Image.
Secondly, go to Layout > MAGNIFY IMAGE > Magnify Image > set your Image(to be magnified)
Thirdly, go to Type > Choose any one (Follow, Inner, Standard).
In addition, you can on/off the Smooth Move and Preload switcher button. If you need to, you can set custom size the image
Now, let’s work with the Style Tab. The tab will confidently have you style the web content (text, image, video, etc.) of the page you require to design.
Styling with the Style tab in Elementor will always give you a fantastic experience in designing with the Image Magnifier Widget.
Let’s have a look.
Go to the Style tab > Image. This section will let go to style the image to be magnified.
In conclusion, I hope you’ve understood how easy to magnify an image using our Image Magnifier Widget by Element Pack. You can watch a video on it and also go to our demo page.