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.
Let’s go.
Insert Widget
Inserting the widget is just a matter of drag and dropping. As you see in the screenshot above for the Image Magnifier Widget.
Content Tab
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.
Layout
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
Style Tab
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.
Image
Go to the Style tab > Image. This section will let go to style the image to be magnified.
Video Assist
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.
