Lightboxes Shortcodes

The lightboxes are driven by Visual Composer Single Image shortcodes.

Single Image

Simple popups with different styles.

DEFAULT
DEFAULT WITH BORDER
WITH ICON
HOVER EFFECT

Simple Image Gallery

Image gallery in the same row.

Zoom Image Gallery

Image gallery in the same row.

Zoom Image Gallery + Carousel

[porto_carousel show_nav=”yes”]
[/porto_carousel]

Dialog with CSS animation

Animations are added with simple CSS transitions, you can make them look however you wish.

[porto_lightbox type=”btn” btn_skin=”primary” lightbox_animation=”zoom-anim” lightbox_size=”sm” text=”Open with fade-zoom animation”]

Dialog example

This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed.

[/porto_lightbox][porto_lightbox type=”btn” btn_skin=”primary” lightbox_animation=”move-anim” lightbox_size=”sm” text=”Open with fade-slide animation”]

Dialog example

This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed.

[/porto_lightbox]

Popup with video or map

In this example lightboxes are automatically disabled on small screen size and default behavior of link is triggered.

[porto_lightbox display=”block” type=”btn” btn_skin=”primary” lightbox_type=”iframe” text=”Open YouTube Video” iframe_url=”http://www.youtube.com/watch?v=0O2aH4XLbto”][/porto_lightbox]
[porto_lightbox display=”block” type=”btn” btn_skin=”primary” lightbox_type=”iframe” text=”Open Vimeo Video” iframe_url=”https://vimeo.com/45830194″][/porto_lightbox]
[porto_lightbox display=”block” type=”btn” btn_skin=”primary” lightbox_type=”iframe” text=”Open Google Map” iframe_url=”https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom”][/porto_lightbox]
[porto_lightbox display=”block” lightbox_type=”iframe” text=”Open YouTube Video” iframe_url=”http://www.youtube.com/watch?v=0O2aH4XLbto”][/porto_lightbox]
[porto_lightbox display=”block” lightbox_type=”iframe” text=”Open Vimeo Video” iframe_url=”https://vimeo.com/45830194″][/porto_lightbox]
[porto_lightbox display=”block” lightbox_type=”iframe” text=”Open Google Map” iframe_url=”https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom”][/porto_lightbox]

Ajax

You have full control of what is displayed in popup, align it to any side via CSS, enable or disable scroll on right side of window.

[porto_lightbox type=”btn” btn_skin=”primary” lightbox_type=”ajax” text=”Load Ajax Content” ajax_url=”http://sw-themes.com/porto_dummy-lightboxes-ajax.html”][/porto_lightbox]

Form

Entered data is not lost if you open and close the popup or if you go to another page and then press back browser button.

[porto_lightbox type=”btn” btn_skin=”primary” text=”Open Form”]

Error: Contact form not found.

[/porto_lightbox]