Carousels

Carousel Shortcodes

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


Default

[porto_carousel show_nav=»yes»]
[/porto_carousel]

Show Navigation on Hover

[porto_carousel stage_padding=»0″ show_nav=»yes» show_nav_hover=»yes»]
[/porto_carousel]

Navigation on Title

[porto_carousel stage_padding=»0″ show_nav=»yes» nav_pos=»show-nav-title»]
[/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»]
[/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»]
[/porto_carousel]
[vc_empty_s
pace height=»22px»]

Center

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

Max Items for Each Resolution

[porto_carousel stage_padding=»0″ items=»3″ items_lg=»3″ items_md=»2″ show_dots=»yes»]
[/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»]
[/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»]
[/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»]
[/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»]
[/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»]
[/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»]
[/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]