Envira Gallery Documentation

Documentation, Reference Materials and Tutorials for Envira Gallery

Envira Gallery Lightbox Options

Envira lightbox options provide full flexibility on setting up your gallery’s lightbox. This documentation will do a complete walkthrough of all the options available for your galleries from the Lightbox Tab. Let’s explore below all the options for Envira’s lightbox settings.

  1. Configure
  2. FAQs

Configure

First, you will need to create a new gallery. Once you have uploaded your images you can click the Lightbox tab to configure your lightbox settings for the gallery.

Envira Lightbox Options

Next, you will need to select the Enable Lightbox? to allow the gallery images to open in the lightbox.

enable the lightbox to being using the lightbox options

Once on the Lightbox Tab, you will see you have several options for your gallery’s lightbox. Some of these options can change however and that would depend solely on the settings you are currently using for your gallery, as well as any additional Envira addons you may already have activated on your site.

For example, if you are using the Base (Dark) or Base (Light) lightbox theme, you wouldn’t see the option to select the Enable Lightbox Supersize?. As a result of using either of the Base themes, the Supersize option is automatically included for you and therefore is not displayed as an option for either of these themes.

Under the Enable Lightbox? option are the following options. We will detail out each option and when you may not see that option depending on the lightbox theme.

  • Enable Lightbox? – Enables or disables the gallery lightbox.
  • Gallery Lightbox Theme – Sets the theme for the gallery lightbox display. You can see more themes by installing the Gallery Themes Addon.
  • Show Title or Caption? – Caption is the default text, but you can override with title if you wish.
  • Image Size -Define the maximum image size for the Lightbox view. Default will display the original, full size image./li>
  • Caption Position – Sets the display of the lightbox image’s caption. Consequently, you will not have the ability to see or set this if using either of the Base lightbox themes.
  • Enable Gallery Arrows? – Enables or disables the gallery lightbox navigation arrows. Consequently, you will not have the ability to see or set this if using either of the Base lightbox themes.
  • Gallery Arrow Position – Sets the position of the gallery lightbox navigation arrows. Consequently, you will not have the ability to see or set this if using either of the Base lightbox themes.
  • Enable Keyboard Navigation? – Enables or disables keyboard navigation in the gallery lightbox.
  • Enable Mousewheel Navigation? – Enables or disables mousewheel navigation in the gallery.
  • Enable Gallery Toolbar? -Enables or disables the gallery lightbox toolbar. Consequently, you will not have the ability to see or set this if using either of the Base lightbox themes.
  • Gallery Toolbar Position – Sets the position of the lightbox toolbar. Consequently, you will not have the ability to see or set this if using either of the Base lightbox themes.
  • Keep Aspect Ration? – If enabled, images will always resize based on the original aspect ratio.
  • Loop Gallery Navigation? – Enables or disables infinite navigation cycling of the lightbox gallery.
  • Lightbox Open/close Effect – Type of transition when opening and closing the lightbox.
  • Lightbox Transition Effect – Type of transition between images in the lightbox view.
  • HTML5 Output? – If enabled, uses data-envirabox-gallery instead of rel attributes for W3C HTML5 validation.
  • Enable Lightbox Supersize? – Enables or disables supersize mode for gallery lightbox images. Consequently, you will not have the ability to see or set this if using either of the Base lightbox themes.
  • Enable Deeplinking? – Enables or disables deeplinking capabilities for gallery lightbox images. This is only available if using Envira’s Deeplinking Addon.
  • Enable Fullscreen View? – Enables or disables native fullscreen mode (for browsers that support it) for the gallery. This is only available if using Envira’s Fullscreen Addon.
  • Display Proofing Options? – If enabled, and the Proofing Addon is configured, displays Proofing options for each image in the Lightbox view. This is only available if using Envira’s Proofing Addon.
  • Enable Gallery Thumbnails? – Enables or disables the gallery lightbox thumbnails.
  • Gallery Thumbnails Width – Sets the width of each lightbox thumbnail.
  • Gallery Thumbnails Height – Sets the height of each lightbox thumbnail.
  • Gallery Thumbnails Position – Sets the position of the lightbox thumbnails.

Once you have set up your desired settings for your lightbox, you can now head over to the Mobile Tab. There are some specific mobile settings you can enable or disable for the mobile experience.

Your last step in setting up your lightbox gallery would be to configure your mobile settings. Envira gives you several options that you can turn on or off for your mobile visitors.

mobile tab - lightbox options

Let’s walk through the options below. As with the Lightbox Tab mentioned above, some of these options will also change depending on the addons and lightbox theme you are using

  • Enable Lightbox? -Enables or disables the gallery lightbox on mobile devices. Disabling also removes ANY links from gallery images.
  • Enable Gallery Touchwipe? – Enables or disables touchwipe support for the gallery lightbox on mobile devices.
  • Close Lightbox on Swipe Up? – Enables or disables closing the Lightbox when the user swipes up on mobile devices.
  • Enable Gallery Arrows? – Enables or disables the gallery lightbox navigation arrows on mobile devices. Consequently, you will not have the ability to see or set this if using either of the Base lightbox themes.
  • Enable Gallery Toolbar? – Enables or disables the gallery lightbox toolbar on mobile devices. Consequently, you will not have the ability to see or set this if using either of the Base lightbox themes.
  • Enable Gallery Thumbnails? – Enables or disables the gallery lightbox thumbnails on mobile devices.
  • Gallery Thumbnails Width – Sets the width of each lightbox thumbnail when on mobile devices.
  • Gallery Thumbnails Height – Sets the height of each lightbox thumbnail when on mobile devices.

Finally once you have configured your Mobile tab lightbox settings, click Publish on your gallery and you are done!

With Envira’s lightbox options you have a host of choices to configure your gallery’s lightbox. Check out the demo page for some examples using Envira’s lightbox.

Changing the Lightbox Transition Speed

In addition to all of these options you can also change the transition speed of the lightbox open, close and navigation. To find out more about this, follow our documentation for Changing the Transition Speed in Envira’s Lightbox.


Limiting Caption Length on Base Lightbox Themes

In addition to all of these options you can also increase and decrease the caption length when using either the Base (Dark) or Base (Light) lightbox theme. For more information on this, read along with our tutorial.


FAQs

Q: Why aren’t my images opening up in the lightbox?

A: Please edit the gallery and the select the blue pencil icon to edit image. On the Edit Metadata screen, please verify you have a URL inside the URL field. If you want the image to link to itself, just select the Media File button, scroll down to click the Save Metadata and you’re all set.

edit image to make sure there is an URL on the image


Q: Why aren’t my images linking on mobile?

A: When you are linking an image to any URL, please make sure you have enabled the lightbox from the Mobile tab or those links will not be included when the page loads.

Just edit the gallery, go to the Mobile tab and check the box to Enable Lightbox? from the Mobile tab. Click Update on the gallery to save the changes.