Engine starts... Loading depends on your connection speed!

Image Gallery

Image Gallery Shortcodes

You can show your images in different layout styles with Porto Sort Filters, Sort Filter, Sort Container, Sort Item, Grid Container, Grid Item shortcodes.

Default

[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]
[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]

Full Width

[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]

Masonry

[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]
Back to top

Share Page

Close