Modula Zoom

How to install an extension? 

To get started, you have to log in to wp-modula.com/my-account

After logging in to your Modula account, please access My Account > Purchase History.

Then to download the one of these 3 extensions click on 'View Details and Downloads'. Click on them it will download to your computer the zip files. 

If you are using the browser Safari on a Mac, when you download the zip file it extracts the file from the archive directly to your computer (you might only see the file folder with the plugin's files in it, instead of the zip). If that is the case, then try and download the zip from your account using a different browser, or check your Trash, as the zip file should be there. To see how to prevent Safari from unzipping files please follow this tutorial.

To install and activate the plugin, go to your WordPress dashboard, and follow the steps:

Go to your dashboard > Plugins > Add New > Upload Plugin > select the .zip file you downloaded from the wp-modula.com website. After this, click on the 'Install Now' button, and wait for the file to load. Lastly, press the 'Activate' button to get it done.

If you need help uploading the extension to your WordPress site please follow this tutorial here. You will need to watch 'Method 2: Upload Plugin' timestamp 1:24.

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.
    3. You can choose one of three types:

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:
  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:
  3. Lens Shape > The shape of the zoom lens when you hover over an image in the lightbox. Select your zoom lens shape:
  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 hereto 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:
  2. Lens Size > The size of the zoom lens when you hover over an image in the lightbox. It can be:
  3. Lens Shape > The shape of the zoom lens when you hover over an image in the lightbox. Select your zoom lens shape: