Image Gallery

[vc_row][vc_column][vc_custom_heading text=”Image Gallery Shortcodes” use_theme_fonts=”yes” el_class=”shorter”][vc_column_text]You can show your images in different layout styles with Porto Sort Filters, Sort Filter, Sort Container, Sort Item, Grid Container, Grid Item shortcodes.[/vc_column_text][vc_separator color=”custom” gap=”tall” gradient=”yes”][vc_custom_heading text=”Default” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][porto_sort_filters container=”shortcode-portfolios”][porto_sort_filter sort_by=”original-order” active=”yes” label=”Show All” filter_by=”*”][porto_sort_filter label=”Websites” filter_by=”.websites”][porto_sort_filter label=”Logos” filter_by=”.logos”][porto_sort_filter label=”Brands” filter_by=”.brands”][/porto_sort_filters][vc_separator color=”custom” gap=”tall” gradient=”yes” el_class=”m-b-md”][porto_sort_container id=”shortcode-portfolios”][porto_sort_item width_lg=”3″ width_md=”4″ width_sm=”6″ filter=”websites”][porto_image_frame type=”hover-style” link=”url:%23||” title=”Project Title” sub_title=”Project Type” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project.jpg”][/porto_image_frame][/porto_sort_item][porto_sort_item width_lg=”3″ width_md=”4″ width_sm=”6″ filter=”logos”][porto_image_frame type=”hover-style” link=”url:%23||” title=”Project Title” sub_title=”Project Type” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg”][/porto_image_frame][/porto_sort_item][porto_sort_item width_lg=”3″ width_md=”4″ width_sm=”6″ filter=”brands”][porto_image_frame type=”hover-style” link=”url:%23||” title=”Project Title” sub_title=”Project Type” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg”][/porto_image_frame][/porto_sort_item][porto_sort_item width_lg=”3″ width_md=”4″ width_sm=”6″ filter=”websites”][porto_image_frame type=”hover-style” link=”url:%23||” title=”Project Title” sub_title=”Project Type” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-5.jpg”][/porto_image_frame][/porto_sort_item][/porto_sort_container][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”22px”][vc_separator color=”custom” gap=”tall” gradient=”yes”][vc_custom_heading text=”Full Width” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][porto_grid_container gutter_size=”0″][porto_grid_item width=”20%”][porto_image_frame type=”hover-style” view_type=”centered-info” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project.jpg” el_class=”m-b-none”][/porto_image_frame][/porto_grid_item][porto_grid_item width=”20%”][porto_image_frame type=”hover-style” view_type=”centered-info” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-2.jpg” el_class=”m-b-none”][/porto_image_frame][/porto_grid_item][porto_grid_item width=”20%”][porto_image_frame type=”hover-style” view_type=”centered-info” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-4.jpg” el_class=”m-b-none”][/porto_image_frame][/porto_grid_item][porto_grid_item width=”20%”][porto_image_frame type=”hover-style” view_type=”centered-info” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-5.jpg” el_class=”m-b-none”][/porto_image_frame][/porto_grid_item][porto_grid_item width=”20%”][porto_image_frame type=”hover-style” view_type=”centered-info” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/project-6.jpg” el_class=”m-b-none”][/porto_image_frame][/porto_grid_item][/porto_grid_container][/vc_column][/vc_row][vc_row][vc_column][vc_separator color=”custom” gap=”tall” gradient=”yes”][vc_custom_heading text=”Masonry” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][porto_grid_container gutter_size=”0″][porto_grid_item width=”25%”][porto_image_frame type=”hover-style” view_type=”centered-info” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” el_class=”m-b-none” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/gallery-1.jpg”][/porto_image_frame][/porto_grid_item][porto_grid_item width=”25%”][porto_image_frame type=”hover-style” view_type=”centered-info” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” el_class=”m-b-none” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/gallery-2.jpg”][/porto_image_frame][/porto_grid_item][porto_grid_item width=”25%”][porto_image_frame type=”hover-style” view_type=”centered-info” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” el_class=”m-b-none” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/gallery-4.jpg”][/porto_image_frame][/porto_grid_item][porto_grid_item width=”25%”][porto_image_frame type=”hover-style” view_type=”centered-info” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” el_class=”m-b-none” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/gallery-3.jpg”][/porto_image_frame][/porto_grid_item][porto_grid_item width=”25%”][porto_image_frame type=”hover-style” view_type=”centered-info” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” el_class=”m-b-none” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/gallery-6.jpg”][/porto_image_frame][/porto_grid_item][porto_grid_item width=”25%”][porto_image_frame type=”hover-style” view_type=”centered-info” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” el_class=”m-b-none” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/gallery-5.jpg”][/porto_image_frame][/porto_grid_item][porto_grid_item width=”25%”][porto_image_frame type=”hover-style” view_type=”centered-info” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” el_class=”m-b-none” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/gallery-7.jpg”][/porto_image_frame][/porto_grid_item][porto_grid_item width=”25%”][porto_image_frame type=”hover-style” view_type=”centered-info” noborders=”yes” link=”url:%23||” title=”Project Title” sub_title=”Project Type” el_class=”m-b-none” image_url=”http://sw-themes.com/porto_dummy/wp-content/uploads/images/gallery-8.jpg”][/porto_image_frame][/porto_grid_item][/porto_grid_container][vc_empty_space height=”22px”][/vc_column][/vc_row]