Modula Zoom, Download, and EXIF Extensions

How to install an extension? 

To install Modula Pro and its extensions please follow our guide: How to Install Modula Pro Extensions.

Modula Zoom

Our Zoom extension has been created to see the features and the details of your images. How does it work? Well, you have to activate the Zoom extension from Modula dashboard in the Settings section.

More precisely, go to Modula -> Galleries -> Select gallery you want -> Zoom and then Enable the option.

As you can see in the picture above, the Zoom extension comes with a few additional features. More exactly:

1. Zoom on Hover > Enable this option for the zoom to come up when hovering over an image. Click here to see a demo with this setting. Zoom on hover will automatically turn into zoom on click/tap on mobile devices and touch enabled laptops.
2. Type > Choose your preferred zooming type. You can customize the window size and the place where would you like to set it. Moreover, inner zooms inside the actual image and lens will give you a looking glass effect.
   • Basic
   • Inner
   • Lens

Please keep in mind that each type of zoom (Basic, Inner, and Lens) comes with certain settings.

When you select Type > Basic you will see the following setttings:

1. Window Position > Where the zoom window will display in the lightbox when you hover over an image. Choose your preferred zoom window position. It has 4 options:
   • Upper Left
   • Upper Right
   • Lower left
   • Lower Right
2. Window Size > What size should the zoom window have when you hover over an image in the lightbox. Check which option you want for the window size:
   • Small
   • Medium
   • Large
   • Extra Large
3. Lens Shape > The shape of the zoom lens when you hover over an image in the lightbox. Select your zoom lens shape:
   • Round
   • Square
4. Tint Color > It will add an overlay/tint on the image in the lightbox. Select a tint color or leave it blank for no tint. Also, you can enter HEX color codes if you want a specific color. For example, to make it red you would use this color code: #ff0000. Click here to see a demo. See below a screenshot with the code added:

5. Tint Opacity > Select a tint opacity. If you change the opacity to 100, you will see the full color of your image, and if you modify it to 0, the color will not be noticed. Click here to see a demo.

Below is an example of the Zoom applied inside the lightbox: 

When you select Type > Inner you won’t have any other settings, screenshot below:

When you select Type > Lens you will see the following settings:

1. Effect > Choose the effect you want on zoom. You can choose between:
   • No effect
   • Fade In
   • Fade Out
   • Easing
2. Lens Size > The size of the zoom lens when you hover over an image in the lightbox. It can be:
   • Small
   • Medium
   • Large
   • Extra Large
3. Lens Shape > The shape of the zoom lens when you hover over an image in the lightbox. Select your zoom lens shape:
   • Round
   • Square

Modula Download

The download extension is mainly used by website users to download various images from the gallery. Depending on the settings enabled with this extension you can add a download icon on your thumbnails to download each image, or a ‘download all images’ button above the gallery. You can add a ‘download all’ button inside the lightbox.

How do I activate it?

Go to Modula dashboard -> Galleries > Choose your gallery > Download and Enable the option

What are the settings for the Download extension?

1. Download Image size > Select the image size to download from a selection of options. You have 4 options:
   • Thumbnail
   • Medium
   • Large
   • Full
2. Download All Button > Enable this option to display the download all label above or below the gallery. On by default and the default text is ‘Download All Images’. You can see a demo here.
   • Background Color > Set the color of the download all button.
   • Text Color > Set the color of the ‘download all images’ text.
   • Enable Icon > Enable this option to display an icon near the “Download All” text. This applies to the shortcode and the label as well. On by default. Click here to see a demo.
   • Icon Color > Choose the download all icon color. If you leave the box empty, it will get the color of the social icons. This applies to both the shortcode and the label. See a demo here.
   • Position > Select where you want to display the “Download All” text. You have 3 options:
     • Above Gallery
     • Below Gallery
     • Above & Below Gallery
   • All Text > Enter a custom label for the ‘Download All Images’ button.
   • Size > Select the size of the ‘download all images’ button. It can be: Small, Medium, Large, X-Large.
   • Alignment > Select the horizontal alignment of the ‘Download All Images’ button. It can be: Left, Right, or Center.
   • Custom Zip Name > Enter a custom zip name. Pay attention! If you leave the box empty, the zip name will be under the format of: modula-gallery-id. This also applies to the shortcode and the label. See a demo here.

Example with Download button on Lightbox.

Example with Download button on Hover Effect

Modula EXIF

What is the EXIF extension used for?

EXIF data or Exchange Image File Format is an option that defines specific information related to your image. This function will allow you to display certain data quickly from the image into your gallery and lightbox view. As a result, it stores relevant data such as exposure, GPS location, data, and the time when you captured the picture, ISO, aperture, shutter speed, and the type of camera used.

How to activate the EXIF extension?

Access the Modula dashboard > Galleries > Choose your gallery > EXIF label > Enable EXIF

EXIF settings explained:

Camera > Enable this option to display the camera information

Lens > Enable this option to display the lens information

Shutter Speed > Enable this option to display the shutter speed information

Aperture > Enable this option to display the aperture information

Focal Length > Enable this option to display the focal length information

ISO > Enable this option to display the ISO information

Date > Enable this option to display the date information

Click here to see a demo gallery with all EXIF options turned on (they will be displayed inside the lightbox, under the image). You can turn them on/off depending on your needs.

Example with the EXIF data displayed in the lightbox.