{"id":20637,"date":"2012-07-06T10:37:49","date_gmt":"2012-07-06T14:37:49","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=20637"},"modified":"2017-07-12T07:58:33","modified_gmt":"2017-07-12T11:58:33","slug":"joomla-how-to-work-editexpanddelete-slider-images-with-the-slider-k2","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/joomla-how-to-work-editexpanddelete-slider-images-with-the-slider-k2.html","title":{"rendered":"Joomla. How to work (edit\/expand\/delete slider images) with the slider (K2)"},"content":{"rendered":"<p><\/p>\r\n<p>This tutorial shows how to how to work with the slider in K2 component. <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-1-300x188.png\" alt=\"\" width=\"300\" height=\"188\" class=\"alignnone size-medium wp-image-20638\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-1-300x188.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-1-1024x642.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-1.png 1240w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><strong>1.<\/strong> Open K2 Items.Posts with slider image usually have Slider category. Please note that category name can be different in your template.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-2-300x176.png\" alt=\"\" width=\"300\" height=\"176\" class=\"alignnone size-medium wp-image-20639\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-2-300x176.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-2-1024x602.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-2.png 1260w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><strong>2.<\/strong> Let&#8217;s modify slider text and image. <\/p>\r\n<p><strong>2.1.<\/strong> Open item with slider. Change title which will appear as slider text and content. Please note that in some templates content will not show up, only item&#8217;s title will appear as slider text.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-3-300x178.png\" alt=\"\" width=\"300\" height=\"178\" class=\"alignnone size-medium wp-image-20640\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-3-300x178.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-3-1024x608.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-3.png 1224w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><strong>2.2.<\/strong> Go to <strong>Image <\/strong>tab  and upload your image. Save changes. <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-4-300x159.png\" alt=\"\" width=\"300\" height=\"159\" class=\"alignnone size-medium wp-image-20641\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-4-300x159.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-4-1024x545.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-4.png 1223w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><strong>2.3.<\/strong> Refresh page with slider. Modified image should appear in slider.We have changed slider image and text<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-5-300x183.png\" alt=\"\" width=\"300\" height=\"183\" class=\"alignnone size-medium wp-image-20642\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-5-300x183.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-5-1024x625.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-5.png 1259w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><strong>3.<\/strong> Let&#8217;s add one more slide. <\/p>\r\n<p><strong>3.1.<\/strong> You should create new item with Slider category. Category name for slider can be different in your template.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-6-300x178.png\" alt=\"\" width=\"300\" height=\"178\" class=\"alignnone size-medium wp-image-20643\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-6-300x178.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-6-1024x607.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-6.png 1230w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><strong>3.2.<\/strong> Upload your image.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-7.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-7-300x178.png\" alt=\"\" width=\"300\" height=\"178\" class=\"alignnone size-medium wp-image-20644\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-7-300x178.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-7-1024x609.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-7.png 1230w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>We have added the slider item. <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-8.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-8-300x186.png\" alt=\"\" width=\"300\" height=\"186\" class=\"alignnone size-medium wp-image-20645\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-8-300x186.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-8-1024x637.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-8.png 1237w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><strong>4.<\/strong> You should configure Nivo Slider module in case new slider item does not appear. Go to Extensions-Module manager. Open Nivo Slider module settings. Module name in your template can be different. Set Item count. It shows how many slides will appear on your site.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-9.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-9-300x182.png\" alt=\"\" width=\"300\" height=\"182\" class=\"alignnone size-medium wp-image-20646\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-9-300x182.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-9-1024x621.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/Joomla_-How_to_workeditexpand_delete_slider_images_with_the_slider_-K2-9.png 1207w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p><strong>5.<\/strong> In order to remove slider image you should unpublish or remove slider item.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"\/help\/files\/Joomla\/Joomla_How_to_work_with_the_slider_(K2).htm\" target=\"blank\">Joomla. How to work (edit\/expand\/delete slider images) with the slider (K2)<\/a><\/p>\r\n<p><\/p>\r\n<p><\/p>\r\n<p><\/p>\r\n<p><\/p>\r\n\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/cart.php?addOffer=587\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-1-(500-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to how to work with the slider in K2 component.<\/p>\n","protected":false},"author":39,"featured_media":20648,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[724],"tags":[483,1131,816],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/20637"}],"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\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=20637"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/20637\/revisions"}],"predecessor-version":[{"id":81974,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/20637\/revisions\/81974"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/20648"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=20637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=20637"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=20637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}