[vc_custom_heading text=”Lightboxes Shortcodes” use_theme_fonts=”yes” el_class=”shorter”]

The lightboxes are driven by Visual Composer Single Image shortcodes.

[vc_custom_heading text=”Single Image” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” el_class=”m-b-none”]

Simple popups with different styles.

[vc_custom_heading text=”DEFAULT” font_container=”tag:h5|text_align:left” use_theme_fonts=”yes”]
[vc_custom_heading text=”DEFAULT WITH BORDER” font_container=”tag:h5|text_align:left” use_theme_fonts=”yes”]
[vc_custom_heading text=”WITH ICON” font_container=”tag:h5|text_align:left” use_theme_fonts=”yes”]
[vc_custom_heading text=”HOVER EFFECT” font_container=”tag:h5|text_align:left” use_theme_fonts=”yes”]
[vc_custom_heading text=”Simple Image Gallery” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” el_class=”m-b-none”]

Image gallery in the same row.

[vc_custom_heading text=”Zoom Image Gallery” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” el_class=”m-b-none”]

Image gallery in the same row.

[vc_custom_heading text=”Zoom Image Gallery + Carousel” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”]
[porto_carousel show_nav=”yes”]
[/porto_carousel]
[vc_custom_heading text=”Dialog with CSS animation” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”]

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”][vc_custom_heading text=”Dialog example” font_container=”tag:h1|text_align:left” use_theme_fonts=”yes”]

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”][vc_custom_heading text=”Dialog example” f ont_container=”tag:h1|text_align:left” use_theme_fonts=”yes”]

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]
[vc_custom_heading text=”Popup with video or map” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”]

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]
[vc_custom_heading text=”Ajax” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”]

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]
[vc_custom_heading text=”Form” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”]

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”][contact-form-7 id=”74″ title=”Contact Form – Basic”][/porto_lightbox]