{"id":47975,"date":"2015-05-04T00:33:23","date_gmt":"2015-05-04T04:33:23","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=47975"},"modified":"2016-02-22T09:55:18","modified_gmt":"2016-02-22T14:55:18","slug":"wordpress-how-to-manage-cherry-single-carousel-plugin","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/wordpress-how-to-manage-cherry-single-carousel-plugin.html","title":{"rendered":"WordPress. How to manage Cherry Single Carousel plugin (based on Cherry 3.x.)"},"content":{"rendered":"<p>\r\n<p>This tutorial will show you how to work with Cherry Single Carousel plugin in WordPress templates (based on Cherry Framework). This plugin allows to add a carousel with parallax effect applied (offset relative to the rest of the content on page scroll) to the page content.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=1Li7xzwb22I?width=1280&amp;height=720\" rel=\"prettyPhoto\">WordPress. How to manage Cherry Single Carousel plugin<\/a><\/p>\r\n<h3 class=\"custom\">Plugin installation<\/h3>\r\n<p>Firstly, you need to prepare your site for working with single carousel plugin.<\/p>\r\n<p>You should skip this step in case your template has pre-installed Cherry Single Carousel plugin.<\/p>\r\n<ol>\r\n<li>\r\n<p>You can download this plugin using the following <a href=\"\/help\/files\/misc\/cherry-single-carousel.zip\" target=\"_blank\" download>link<\/a>. Download and save the file on your computer.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Install the downloaded plugin in your WordPress admin panel, under <strong>Plugins -&gt; Add New -&gt; Upload Plugin<\/strong> menu.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Make sure the plugin is activated on <strong>Plugins -&gt; Installed Plugins<\/strong> page at site backend.<\/p>\r\n<\/li>\r\n<\/ol>\r\n<h3 class=\"custom\">Plugin shortcode<\/h3>\r\n<p>To add a carousel via Cherry Single Carousel plugin, you should open any site page or post and insert the following shortcode:<\/p>\r\n<pre>\r\n[cherry_single_carousel title=&quot;Title&quot; type=&quot;portfolio&quot; posts_count=&quot;-1&quot; \r\nmovement=&quot;15&quot; parallax=&quot;true&quot; buffer_ratio=&quot;1.5&quot; pagination=&quot;true&quot; \r\ncontrols=&quot;true&quot; autoplay=&quot;false&quot; autoplay_delay=&quot;3000&quot; \r\nstop_on_mouse_over=&quot;false&quot; fullwidth=&quot;true&quot; excerpt_count=&quot;35&quot;]\r\n<\/pre>\r\n<p>This shortcode includes the following parameters:<\/p>\r\n<ul class=\"list\">\r\n<li>\r\n<p><strong>title<\/strong> &#8211; title for your carousel;<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>type<\/strong> &#8211; type of posts the carousel will load content from;<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>posts_count<\/strong> &#8211; number of posts to display (&quot;-1&quot; value &#8211; all the posts are displayed, &quot;positive integer numeric value&quot; &#8211; entered number of slides are displayed);<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>movement<\/strong> &#8211; offset of images on slide transition set in %;<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>parallax<\/strong> &#8211; enables parallax effect (true \/ false);<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>buffer_ratio<\/strong> &#8211; set parallax coefficient, if parallax effect is enabled (takes value from 1 to 10);<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>pagination<\/strong> &#8211; pagination display (true \/ false);<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>controls<\/strong> &#8211; display pagination buttons (true \/ false);<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>autoplay<\/strong> &#8211; automatic slides change (true \/ false);<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>autoplay_delay<\/strong> &#8211; delay on slider autoplay in milliseconds, can be applied if autoplay=&quot;true&quot;;<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>stop_on_mouse_over<\/strong> &#8211; stop slider autoplay on hover, can be applied if autoplay=&quot;true&quot;;<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>fullwidth<\/strong> &#8211; defines if carousel should be displayed on the entire width of the browser window (true \/ false);<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>excerpt_count<\/strong> &#8211; number of words deduced from post text;<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>custom_class<\/strong> &#8211; you may specify a custom CSS class to expand style customization options for the shortcode. <\/p>\r\n<\/li>\r\n<\/ul>\r\n<p>Please set the desired values for all shortcode options mentioned above and save the changes in page\/post. Your carousel will look the similar way:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/05\/wordpress_cherry_single_carousel_plugin.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/05\/wordpress_cherry_single_carousel_plugin-300x168.jpg\" alt=\"wordpress_cherry_single_carousel_plugin\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-47979\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_cherry_single_carousel_plugin-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_cherry_single_carousel_plugin-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/05\/wordpress_cherry_single_carousel_plugin.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>Thank you for reading this tutorial. Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=1Li7xzwb22I?width=1280&amp;height=720\" rel=\"prettyPhoto\">WordPress. How to manage Cherry Single Carousel plugin<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to work with Cherry Single Carousel plugin in WordPress templates (based on Cherry Framework).<\/p>\n","protected":false},"author":53,"featured_media":48012,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[821,768,1139,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/47975"}],"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\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=47975"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/47975\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/48012"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=47975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=47975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=47975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}