{"id":75845,"date":"2016-09-19T10:58:11","date_gmt":"2016-09-19T14:58:11","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=75845"},"modified":"2017-08-24T05:16:58","modified_gmt":"2017-08-24T09:16:58","slug":"magento-2-manage-camera-slider","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/magento-2-manage-camera-slider.html","title":{"rendered":"Magento 2. How to manage Camera slider"},"content":{"rendered":"<p>The following tutorial will show you how to manage Camera slider in <a href=\"https:\/\/www.templatemonster.com\/magento-themes.php\" target=\"_blank\">Magento 2<\/a>.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/7u6PME41oTI\"><\/iframe>\r\n<\/div>\r\n<ol>\r\n\t<li>\r\n\t\t<p>Open site admin panel and navigate to <strong>Content &gt; Blocks &gt; slider &gt; Edit<\/strong> (the name of the slider block might differ).<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_1-300x150.png\" alt=\"Magento_2._How_to_manage_slider_1\" width=\"300\" height=\"150\" class=\"alignnone size-medium wp-image-75847\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_1-300x150.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_1-150x75.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_1-768x385.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_1-1024x513.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_1.png 1242w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\r\n\t<\/li>\r\n\t<li><p>You will see the slider code in the <strong>Content<\/strong> section:<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_2-300x171.png\" alt=\"Magento_2._How_to_manage_slider_2\" width=\"300\" height=\"171\" class=\"alignnone size-medium wp-image-75848\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_2-300x171.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_2-150x86.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_2-768x438.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_2-1024x585.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_2.png 1170w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\r\n\t\t<p>The section, highlighted in red, defines the slider image source and the green is text. Note, that you should edit only the text between HTML tags to keep the layout unchanged.<\/p>\r\n\t<\/li>\r\n\t<li><p>To <strong>change the image<\/strong>:<\/p>\r\n        <ol>\r\n\t\t\t<li><p> click on <strong>Insert Image<\/strong>;<\/p><\/li>\r\n\t\t\t<li><p> either select the existing image or upload a new one and select it;<\/p><\/li>\r\n\t\t\t<li><p> click on <strong>Insert File<\/strong>;<\/p>\r\n\t\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_3-300x86.png\" alt=\"Magento_2._How_to_manage_slider_3\" width=\"300\" height=\"86\" class=\"alignnone size-medium wp-image-75849\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_3-300x86.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_3-150x43.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_3-768x221.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_3-1024x295.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_3.png 1057w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\t\r\n\t\t\t<\/li>\r\n\t\t\t<li><p> copy the image name only and change it in the appropriate slide reference (the inserted code should be removed)<\/p>\r\n\t\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_4-300x186.jpg\" alt=\"Magento_2._How_to_manage_slider_4\" width=\"300\" height=\"186\" class=\"alignnone size-medium wp-image-75850\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_4-300x186.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_4-150x93.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_4.jpg 458w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\t\t\r\n\t\t\t\t<p> so it looks like this:<\/p>\r\n\t\t\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_5-300x69.png\" alt=\"Magento_2._How_to_manage_slider_5\" width=\"300\" height=\"69\" class=\"alignnone size-medium wp-image-75846\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_5-300x69.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_5-150x34.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/Magento_2._How_to_manage_slider_5.png 730w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\t\r\n\t\t\t<\/li>\r\n\t\t<\/ol> \r\n\t<\/li>\r\n\t<li><p>Click on <strong>Save Block<\/strong> and refresh your site to see the changes.<\/p>\r\n\t<\/li>\r\n<\/ol>\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-2-(835-x100).jpg\"\/>\r\n<\/a>\r\n<\/div>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=7u6PME41oTI?width=1280&amp;height=720\" rel=\"prettyPhoto\">Magento 2. How to manage Camera slider<\/a>","protected":false},"excerpt":{"rendered":"<p>The following tutorial will show you how to manage Camera slider in Magento 2.<\/p>\n","protected":false},"author":75,"featured_media":75851,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[729],"tags":[2456,2315,816],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/75845"}],"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\/75"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=75845"}],"version-history":[{"count":2,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/75845\/revisions"}],"predecessor-version":[{"id":82894,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/75845\/revisions\/82894"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/75851"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=75845"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=75845"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=75845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}