You can show your images in different layout styles with Porto Sort Filters, Sort Filter, Sort Container, Sort Item, Grid Container, Grid Item shortcodes.
Image Gallery 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][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”]