{"id":18898,"date":"2012-05-29T05:22:33","date_gmt":"2012-05-29T09:22:33","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=18898"},"modified":"2012-05-29T05:22:33","modified_gmt":"2012-05-29T09:22:33","slug":"oscommerce-how-to-work-with-slider","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/oscommerce-how-to-work-with-slider.html","title":{"rendered":"osCommerce. How to work with slider"},"content":{"rendered":"

This tutorial shows how to edit Slider in OsCommerce templates<\/p>\r\n\r\n

You can check how slider looks in the screenshot below.<\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

1.<\/strong> Open admin section and go to Tools -> Banner Manager<\/strong>. You will see banners like Banner1 for slider. Please note that banner names can be different in your template.<\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

2.<\/strong> Select banner and click on Edit button. Below you will see screenshot of banner settings:<\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

3.<\/strong> Main configuration values for slider banner are Banner Title, Banner URL and Image fields.<\/p>\r\n\r\n

4.<\/strong> Let’s change banner link. In order to get the link we should open product on our site and copy link from browser title. After that we should place link to Banner URL field in our banner.<\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

5.<\/strong> In order to change slider image we need to replace original images with new images. We recommend you to keep the same dimensions and format of images. In our template slider images are located in \/images\/adds\/<\/strong> folder. There we should replace images like banner_slider_01.jpg etc. <\/p>\r\n\r\n

5.1.<\/strong> In this template text is represented on slider image. In order to change text and keep the same effects we need to edit .psd file which is located in sources\/psd folder. File should be edited with Adobe Photoshop software. You will need to edit text using Text tool and Save modified slice for Web. Detailed steps on how to change the text on slider image you can check in video tutorial. Below you can see modified slider image. <\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

5.2.<\/strong> Replace original banner_slider_01.jp with modified one in \/images\/adds\/<\/strong> folder. Refresh home page. We have changed slider image. <\/p>\r\n\r\n\"\"<\/a>\r\n\r\n

Feel free to check the detailed video tutorial below:<\/p>\r\n\r\nosCommerce. How to work with slider<\/a>","protected":false},"excerpt":{"rendered":"

This tutorial shows how to edit Slider in OsCommerce templates.<\/p>\n","protected":false},"author":39,"featured_media":18909,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[731],"tags":[1048,538,816],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/18898"}],"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=18898"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/18898\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/18909"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=18898"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=18898"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=18898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}