Light box

the Elementor Lightbox Open images, galleries, carousels and videos in a 100% mobile lightbox popup

The lightbox feature is enabled by default. You can turn it off by going into your settings and unchecking the checkbox. From any Elementor page or post, click the burger menu in the upper left corner of the Panel de widgets, then navigate to Site Settings> Settings> Lightbox

The Global Lightbox tab allows you to adjust the following settings:

1. Image Lightbox: Slide the switch to enable or disable the lightbox globally.
2. Counter: Only for multiple image galleries. If set to Yes, adds an image count in the upper left corner of the lightbox. For example, if the gallery contains 6 images, the counter will show 1/6, 2/6, etc. to indicate "First of 6 images", "Second of 6 images", and so on.
3. Fullscreen: If set to yes, agrega un icono en el que se puede hacer clic para permitir al Username abrir la imagen en una caja de luz de pantalla completa.
4. Focus: If set to yes, adds a clickable icon to allow the user to zoom in on the image in the lightbox. Once you zoom in on an image, you can pan your view and scroll through different areas of the image.
5. Share: If set to yes, Se agregan capacidades para compartir a la caja de luz, lo que permite al usuario compartir la imagen en Twitter, Facebook y Pinterest, o descargarla en su computadora.
6. Title: Optionally displays a title below the image in the lightbox. Select from None, Title, Subtitle, Altor Description
7. Description: Optionally, display a description below the image on the lightbox. Select from None, Title, Subtitle, Altor Description
8. Background color: Choose the background color and opacity of the light box.
9. Color de la user interface: Choose the User interface color. This affects the navigation of arrows and points of the lightbox, the Close button, etc.
10. UI Scroll Color: Choose the UI Scroll Color. This affects the navigation of arrows and points of the lightbox, the Close button, etc. when the user hovers over each one.

Note: All the above functionality responds to mobile devices. Visitors can zoom, open images and videos in full screen and share the images from their mobile phones.

Image Lightbox

the Image Lightbox abre todos los enlaces de imágenes en una ventana emergente de caja de luz. La caja de luz funcionará automáticamente en cualquier link que lleve a un archivo de imagen, siempre que la configuración ‘Enlace a’ de la imagen esté establecida en ‘Media file‘.

Once Media file'is chosen, an additional option called'Light box'appear. Here, you will notice that the lightbox function for this image is set to Default, which reflects the state established in the Elementor> Settings> Style section. Optionally, you can change the settings for this image from 'Default' to 'yes'or'No‘.

1. Inside the editor, drag and drop the image widget onto the page and choose an image.
2. Change the Link to the option of 'Media file'(This must be done for the light box to work.)
3. Select the Light box go down to yes
4. Preview the lightbox changes by clicking the image