{"id":76255,"date":"2016-09-26T09:55:38","date_gmt":"2016-09-26T13:55:38","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=76255"},"modified":"2017-07-20T05:17:54","modified_gmt":"2017-07-20T09:17:54","slug":"cherryframework-4-make-swiper-carousel-autostart","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-4-make-swiper-carousel-autostart.html","title":{"rendered":"CherryFramework 4. How to make Swiper carousel autostart"},"content":{"rendered":"<p>We are glad to present you a tutorial that will show you how to make Swiper carousel autostart in CherryFramework 4 templates.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/sKANqNjvsLs\"><\/iframe>\r\n<\/div>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>\r\n<p>Now, you have an exciting opportunity to make your carousel autostart and in this tutorial we will learn how to do that.<\/p>\r\n<ol>\r\n\t<li><p>Log into the <strong><a href=\"https:\/\/www.templatemonster.com\/wordpress-themes.php\" target=\"_blank\">WordPress<\/a> Admin<\/strong> panel with your login credentials.<\/p><\/li>\r\n    <li><p>Navigate to <strong>Pages -> All pages<\/strong> -> choose the page on which you already have or want to insert Swiper carousel.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart1-300x162.png\" alt=\"Cherryframewor4._How_to_make_Swiper_carousel_autostart1\" width=\"300\" height=\"162\" class=\"alignnone size-medium wp-image-76258\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart1-300x162.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart1-150x81.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart1-768x414.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart1-1024x552.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart1.png 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>We will change the carousel on <strong>About Us<\/strong> page:<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart2-300x158.png\" alt=\"Cherryframewor4._How_to_make_Swiper_carousel_autostart2\" width=\"300\" height=\"158\" class=\"alignnone size-medium wp-image-76259\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart2-300x158.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart2-150x79.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart2-768x405.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart2-1024x540.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart2.png 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n    <li><p>Click <strong>Text<\/strong> tab on the right and locate <strong>Swiper carousel<\/strong> shortcode.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart3-300x143.png\" alt=\"Cherryframewor4._How_to_make_Swiper_carousel_autostart3\" width=\"300\" height=\"143\" class=\"alignnone size-medium wp-image-76260\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart3-300x143.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart3-150x72.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart3-768x367.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart3-1024x490.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart3.png 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>Near the <strong>swiper autoplay<\/strong> put <strong>Yes<\/strong> instead of <strong>No<\/strong>.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart4-300x146.png\" alt=\"Cherryframewor4._How_to_make_Swiper_carousel_autostart4\" width=\"300\" height=\"146\" class=\"alignnone size-medium wp-image-76261\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart4-300x146.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart4-150x73.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart4-768x373.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart4-1024x498.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart4.png 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>Save the changes and check the website.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart5-300x144.png\" alt=\"Cherryframewor4._How_to_make_Swiper_carousel_autostart5\" width=\"300\" height=\"144\" class=\"alignnone size-medium wp-image-76262\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart5-300x144.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart5-150x72.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart5-768x368.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart5-1024x491.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Cherryframewor4._How_to_make_Swiper_carousel_autostart5.png 1280w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\r\n\t\t<\/li>\r\n<\/ol>\r\n<p>Congratulations! Now you know how to make Swiper carousel autostart in CherryFramework 4 templates.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=sKANqNjvsLs?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 4. How to make Swiper carousel autostart<\/a>\r\n\r\n<p>In case you&#8217;re searching for premium themes to build a website from scratch, look through <a href=\"https:\/\/www.templatemonster.com\/blog\/2017-best-wordpress-themes\/\" title=\"Best WordPress Themes 2017\" target=\"_blank\">the Best WordPress Themes 2017<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>We are glad to present you a tutorial that will show you how to make Swiper carousel autostart in CherryFramework 4 templates.<\/p>\n","protected":false},"author":87,"featured_media":76265,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[1964,821,2012,1415,2037],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76255"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/87"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=76255"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76255\/revisions"}],"predecessor-version":[{"id":82139,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76255\/revisions\/82139"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/76265"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=76255"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=76255"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=76255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}