Lightboxes

[vc_row][vc_column][vc_custom_heading text=”Lightboxes Shortcodes” use_theme_fonts=”yes” el_class=”shorter”][vc_column_text]The lightboxes are driven by Visual Composer Single Image shortcodes.[/vc_column_text][vc_separator color=”custom” gap=”tall” gradient=”yes”][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Single Image” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” el_class=”m-b-none”][vc_column_text]Simple popups with different styles.[/vc_column_text][vc_row_inner][vc_column_inner width=”1/4″][vc_custom_heading text=”DEFAULT” font_container=”tag:h5|text_align:left” use_theme_fonts=”yes”][vc_single_image source=”external_link” onclick=”img_link_large” lightbox=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg”][/vc_column_inner][vc_column_inner width=”1/4″][vc_custom_heading text=”DEFAULT WITH BORDER” font_container=”tag:h5|text_align:left” use_theme_fonts=”yes”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg”][/vc_column_inner][vc_column_inner width=”1/4″][vc_custom_heading text=”WITH ICON” font_container=”tag:h5|text_align:left” use_theme_fonts=”yes”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” zoom_icon=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg”][/vc_column_inner][vc_column_inner width=”1/4″][vc_custom_heading text=”HOVER EFFECT” font_container=”tag:h5|text_align:left” use_theme_fonts=”yes”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg”][/vc_column_inner][/vc_row_inner][vc_separator color=”custom” gap=”tall” gradient=”yes”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_custom_heading text=”Simple Image Gallery” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” el_class=”m-b-none”][vc_column_text css=”.vc_custom_1434109421649{margin-bottom: 20px !important;}”]Image gallery in the same row.[/vc_column_text][vc_row_inner][vc_column_inner width=”1/3″][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project.jpg”][/vc_column_inner][vc_column_inner width=”1/3″][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-1.jpg”][/vc_column_inner][vc_column_inner width=”1/3″][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg”][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/2″][vc_custom_heading text=”Zoom Image Gallery” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes” el_class=”m-b-none”][vc_column_text css=”.vc_custom_1434109439243{margin-bottom: 20px !important;}”]Image gallery in the same row.[/vc_column_text][vc_row_inner][vc_column_inner width=”1/3″][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg”][/vc_column_inner][vc_column_inner width=”1/3″][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-5.jpg”][/vc_column_inner][vc_column_inner width=”1/3″][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-6.jpg”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_separator color=”custom” gap=”tall” gradient=”yes”][vc_custom_heading text=”Zoom Image Gallery + Carousel” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][/vc_column][/vc_row][vc_row css=”.vc_custom_1434108880060{margin-right: -15px !important;margin-left: -15px !important;}”][vc_column][porto_carousel show_nav=”yes”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-1.jpg”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-3.jpg”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-5.jpg”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-6.jpg”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-7.jpg”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-1.jpg”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg”][vc_single_image source=”external_link” external_style=”vc_box_outline” onclick=”img_link_large” lightbox=”yes” image_gallery=”yes” hover_effect=”yes” custom_src=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-3.jpg”][/porto_carousel][/vc_column][/vc_row][vc_row][vc_column][vc_separator color=”custom” gap=”tall” gradient=”yes”][vc_custom_heading text=”Dialog with CSS animation” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text css=”.vc_custom_1467732444612{margin-bottom: 20px !important;}”]Animations are added with simple CSS transitions, you can make them look however you wish.[/vc_column_text][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”][vc_column_text]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.[/vc_column_text][/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”][vc_column_text]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.[/vc_column_text][/porto_lightbox][/vc_column][/vc_row][vc_row][vc_column][vc_separator color=”custom” gap=”tall” gradient=”yes”][vc_custom_heading text=”Popup with video or map” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text css=”.vc_custom_1467732490501{margin-bottom: 20px !important;}”]In this example lightboxes are automatically disabled on small screen size and default behavior of link is triggered.[/vc_column_text][vc_row_inner][vc_column_inner width=”1/3″][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][/vc_column_inner][vc_column_inner width=”1/3″][porto_lightbox display=”block” type=”btn” btn_skin=”primary” lightbox_type=”iframe” text=”Open Vimeo Video” iframe_url=”https://vimeo.com/45830194″][/porto_lightbox][/vc_column_inner][vc_column_inner width=”1/3″][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][/vc_column_inner][/vc_row_inner][vc_separator color=”custom” gradient=”yes”][vc_row_inner][vc_column_inner width=”1/3″][porto_lightbox display=”block” lightbox_type=”iframe” text=”Open YouTube Video” iframe_url=”http://www.youtube.com/watch?v=0O2aH4XLbto”][/porto_lightbox][/vc_column_inner][vc_column_inner width=”1/3″][porto_lightbox display=”block” lightbox_type=”iframe” text=”Open Vimeo Video” iframe_url=”https://vimeo.com/45830194″][/porto_lightbox][/vc_column_inner][vc_column_inner width=”1/3″][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_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_separator color=”custom” gap=”tall” gradient=”yes”][vc_row_inner][vc_column_inner width=”1/2″][vc_custom_heading text=”Ajax” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text css=”.vc_custom_1467732724846{margin-bottom: 20px !important;}”]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.[/vc_column_text][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_column_inner][vc_column_inner width=”1/2″][vc_custom_heading text=”Form” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_column_text css=”.vc_custom_1467732788475{margin-bottom: 20px !important;}”]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.[/vc_column_text][porto_lightbox type=”btn” btn_skin=”primary” text=”Open Form”][contact-form-7 id=”74″ title=”Contact Form – Basic”][/porto_lightbox][/vc_column_inner][/vc_row_inner][vc_empty_space height=”50px”][/vc_column][/vc_row]

Share