Carousels

Carousel Shortcodes

You can build carousels with Porto Carousel, Carousel Item, Ultimate Addons Advanced Carousel shortcodes.


Default

[porto_carousel show_nav=”yes”]
external
external
external
external
external
external
external
external
external
external
[/porto_carousel]

Show Navigation on Hover

[porto_carousel stage_padding=”0″ show_nav=”yes” show_nav_hover=”yes”]
external
external
external
external
external
external
external
external
external
external
external
external
external
external
[/porto_carousel]

Navigation on Title

[porto_carousel stage_padding=”0″ show_nav=”yes” nav_pos=”show-nav-title”]
external
external
external
external
external
external
external
external
external
external
[/porto_carousel]

Basic

[porto_carousel stage_padding=”0″ margin=”0″ items=”1″ items_lg=”1″ items_md=”1″ items_sm=”1″ items_xs=”1″ show_dots=”yes” loop=”yes”]
external
external
[/porto_carousel]

Animation (FadeOut)

[porto_carousel stage_padding=”0″ margin=”0″ items=”1″ items_lg=”1″ items_md=”1″ items_sm=”1″ items_xs=”1″ show_dots=”yes” loop=”yes” animate_out=”fadeOut”]
external
external
[/porto_carousel]
[vc_empty_s
pace height=”22px”]

Center

[porto_carousel stage_padding=”0″ items=”4″ items_lg=”3″ show_dots=”yes” center=”yes”]
external
external
external
external
external
[/porto_carousel]

Max Items for Each Resolution

[porto_carousel stage_padding=”0″ items=”3″ items_lg=”3″ items_md=”2″ show_dots=”yes”]
external
external
external
external
external
external
external
external
external
external
[/porto_carousel]

Multiple Items

[porto_carousel stage_padding=”0″ margin=”0″ items=”4″ items_lg=”4″ items_md=”2″ items_sm=”2″ items_xs=”1″ show_dots=”yes” loop=”yes”]
external
external
external
external
external
external
external
external
external
external
external
external
[/porto_carousel]

Auto Play

[porto_carousel stage_padding=”0″ margin=”0″ autoplay=”yes” autoplay_timeout=”5000″ items=”4″ items_lg=”4″ items_md=”2″ items_sm=”2″ items_xs=”1″ show_dots=”yes” loop=”yes”]
external
external
external
external
external
external
external
external
external
external
external
external
[/porto_carousel]

Rounded Navigation

[porto_carousel stage_padding=”40″ margin=”0″ items=”4″ items_lg=”4″ items_md=”2″ items_sm=”2″ items_xs=”1″ show_nav=”yes” nav_type=”rounded-nav” loop=”yes”]
external
external
placeholder image
external
external
external
external
external
external
external
external
external
[/porto_carousel]

Navigation Bottom

[porto_carousel stage_padding=”0″ margin=”0″ items=”4″ items_lg=”4″ items_md=”2″ items_sm=”2″ items_xs=”1″ show_nav=”yes” nav_pos=”nav-bottom” loop=”yes”]
external
external
external
external
external
external
external
external
external
external
external
external
[/porto_carousel]

Navigation Bottom Rounded

[porto_carousel stage_padding=”0″ margin=”0″ items=”4″ items_lg=”4″ items_md=”2″ items_sm=”2″ items_xs=”1″ show_nav=”yes” nav_pos=”nav-bottom” nav_type=”rounded-nav” loop=”yes”]
external
external
external
external
external
external
external
external
external
external
external
external
[/porto_carousel]

Inside Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

[porto_carousel stage_padding=”0″ margin=”0″ items=”1″ items_lg=”1″ items_md=”1″ items_sm=”1″ items_xs=”1″ show_dots=”yes” dots_pos=”nav-inside” loop=”yes” el_class=”m-r-md m-b-xs pull-left owl-inside-carousel” animate_out=”fadeOut”]
external
external
[/porto_carousel]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis. Consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis.


Full Width

[porto_carousel stage_padding=”0″ margin=”0″ items=”5″ show_nav=”yes” nav_type=”big-nav”][porto_image_frame type=”hover-style” 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”][/porto_image_frame][porto_image_frame type=”hover-style” 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”][/porto_image_frame][porto_image_frame type=”hover-style” 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”][/porto_image_frame][porto_image_frame type=”hover-style” 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”][/porto_image_frame][porto_image_frame type=”hover-style” 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”][/porto_image_frame][porto_image_frame type=”hover-style” 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”][/porto_image_frame][porto_image_frame type=”hover-style” 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”][/porto_image_frame][/porto_carousel]

Videos

[porto_carousel stage_padding=”0″ items=”4″ items_md=”4″ show_dots=”yes” loop=”yes” center=”yes” video=”yes” merge=”yes” mergefit=”yes”][porto_carousel_item type=”video” merge_items=”3″ video_url=”http://vimeo.com/67957799″][/porto_carousel_item][porto_carousel_item type=”video” video_url=”https://www.youtube.com/watch?v=oNBBijn4JuY”][/porto_carousel_item][porto_carousel_item type=”video” merge_items=”2″ video_url=”http://www.youtube.com/watch?v=oNBBijn4JuY”][/porto_carousel_item][porto_carousel_item type=”video” video_url=”http://www.youtube.com/watch?v=oNBBijn4JuY”][/porto_carousel_item][porto_carousel_item type=”video” merge_items=”2″ video_url=”http://www.youtube.com/watch?v=oNBBijn4JuY”][/porto_carousel_item][porto_carousel_item type=”video” merge_items=”3″ video_url=”https://www.youtube.com/watch?v=oNBBijn4JuY”][/porto_carousel_item][porto_carousel_item type=”video” video_url=”http://www.youtube.com/watch?v=oNBBijn4JuY”][/porto_carousel_item][porto_carousel_item type=”video” merge_items=”2″ video_url=”https://www.youtube.com/watch?v=oNBBijn4JuY”][/porto_carousel_item][/porto_carousel]