Skip to main content

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.

[vc_separator color=”custom” gap=”tall” gradient=”yes”]

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][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_empty_space height=”22px”][vc_separator color=”custom” gap=”tall” gradient=”yes”]

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]
[vc_separator color=”custom” gap=”tall” gradient=”yes”]

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][vc_empty_space height=”22px”]