{"id":1541,"date":"2010-11-15T10:24:57","date_gmt":"2010-11-15T10:24:57","guid":{"rendered":"http:\/\/mts-help.nick.php.dev\/eoc\/oscommerce\/article15.html"},"modified":"2020-02-06T08:09:00","modified_gmt":"2020-02-06T13:09:00","slug":"how-manage-banners","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-manage-banners.html","title":{"rendered":"osCommerce. How to manage banners"},"content":{"rendered":"<p>Our Support team is ready to present you a new tutorial that will become an indispensable guide for <strong>managing banners<\/strong> in your OsCommerce store.<\/p>\r\n<a href=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/watch?v=FGE65L4hQ00?width=1280&amp;height=720\" rel=\"prettyPhoto\">osCommerce. How to manage banners<\/a>\r\n\r\n<p>Let us show you how to replace the existing banner images with new ones and how to add new images to your banner groups.<\/p>\t\r\n\r\n<p><strong>Let us start from replacing banner image with a new one:<\/strong>\r\n\r\n<\/p>\r\n\r\n\r\n<ol>\r\n\t<li><p>Log into your OsCommerce <strong>Admin panel<\/strong> and go to <strong>Tools->Banner manager<\/strong>:<\/p>\r\n\r\n\t<\/li>\r\n\t\r\n\t<li><p>As you see, banners are united to common <strong>banner groups<\/strong> in this section. Each banner group has its own location at the front end. We will show you how to change banner on the example of <strong>Slider<\/strong> images on your homepage.<\/p>\r\n\t\t\r\n        <p>They are added by banner group <strong>slider-banners<\/strong> in <strong>Banner manager<\/strong> section.<\/p>\r\n        <p>Each image is added separately and can be found under name <strong>Banner 1 for slider<\/strong>, <strong>Banner 2 for slider<\/strong>, etc. &#8211; they all refer to <strong>slider-banners<\/strong> group.<\/p>\r\n\t<\/li>\r\n\t\r\n\t<li><p>Click the <strong>information icon<\/strong> of the banner you want to edit and then <strong>Edit<\/strong> button:<\/p>\r\n\r\n\t<\/li>\r\n\t\r\n\t<li><p>There are two ways of replacing an image. We will show you both.<\/p>\r\n        <p>In the <strong>image<\/strong> section you will see <strong>Choose file<\/strong> button which allows to select and upload new image from your computer:<\/p>\r\n\r\n\t<\/li>\r\n\t\r\n\t<li><p>We will upload new file with title <strong>slide-gray.jpg<\/strong>:<\/p>\r\n\r\n\t<\/li>\r\n\t\r\n\t<li><p>After image is uploaded, make sure you&#8217;ve deleted path to the old image in <strong>enter local file below<\/strong> section and press <strong>Save<\/strong> button:<\/p>\r\n\r\n\t<\/li>\r\n\t\r\n\t<li><p>Now refresh front end to see the changes:<\/p>\r\n\t\r\n\t<p>Alternatively, you may replace existing image directly on your sever using <strong>ftp or hosting control panel<\/strong>.<\/p>\r\n\t\r\n<p>The title of the image and its location on server should be the same as the original one. You may check the correct path and file name in <strong>enter local file below<\/strong> section in the admin panel.<\/p><\/li>\r\n\r\n<li><p>Now we will reverse previous changes and use the second option to replace the image. In our case the image is located in <strong>images\/slide<\/strong> folder and it has title <strong>slide-1.jpg<\/strong>.<\/p>\r\n<\/li>\r\n\r\n<li><p>To back up old image we will rename it to <strong>_slide-1.jpg<\/strong> and then replace it with new image (blue one) with exactly the same name:<\/p>\r\n\r\n<\/li>\r\n\r\n<li><p>Refresh front end to see the changes. Now new blue image appears:<\/p>\r\n\r\n<\/li>\r\n<\/ol>\r\n\r\n<p><strong>Now we will reverse the changes and show you how you can add a new image to the banner group.<\/strong><\/p>\r\n\r\n<ol>\r\n\t<li><p>Go to <strong>Tools->Banner manager<\/strong> and click <strong>New banner<\/strong> button:<\/p>\r\n\r\n\t<\/li>\r\n\t\r\n\t<li><p><strong>Banner title<\/strong> is the required field.<\/p>\r\n\t<\/li>\r\n\t\r\n\t<li><p><strong>Banner URL<\/strong> is the link that will be opened when your customer clicks on the banner. If you want, you may leave it blank.<\/p>\r\n\t<\/li>\r\n\t\r\n\t<li><p>In the field <strong>Banner group<\/strong> you need to enter a group name. We will use the group we already know &#8211; <strong>slider-banners<\/strong> group. And we will select this group from the drop down.<\/p>\r\n\t\t<p>You may create a few banners for the same group and they will be randomly shown on the page.<\/p>\r\n\t<\/li>\r\n\t\r\n\t<li><p>Add your new image using <strong>Upload<\/strong> button as shown in the previous part of this tutorial.<\/p>\r\n\t<\/li>\r\n\t\r\n\t<li><p>Instead of the image you may use HTML coding in <strong>HTML text<\/strong> section. Keep in mind that you may use an image or HTML text for the banner &#8211; not both. HTML Text has priority over an image.<\/p>\r\n\t<\/li>\r\n\t\r\n\t<li><p>You may also set <strong>Schedule<\/strong> for you banner if you need it.<\/p>\r\n\t<\/li>\r\n\t\r\n\t<li><p>Press <strong>Save<\/strong> button:<\/p>\r\n\r\n\t<\/li>\r\n\t\r\n\t<li><p>Now you will see your new banner in the admin panel:<\/p>\r\n\r\n\t<\/li>\r\n\t\r\n\t<li><p>Refresh front end to see the changes. One more green image is added to the banner group that is responsible for Slider on your site:<\/p>\r\n\r\n\t<\/li>\r\n\t\r\n<\/ol>\r\n\r\n<p>That&#8217;s it! Now you know how to manage banners in your OsCommerce store. Please feel free to check the detailed video tutorial below:<\/p>\r\n\r\n<a href=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2010\/11\/watch?v=FGE65L4hQ00?width=1280&amp;height=720\" rel=\"prettyPhoto\">osCommerce. How to manage banners<\/a>","protected":false},"excerpt":{"rendered":"<p>Our Support team is ready to present you a new tutorial that will become an indispensable guide for managing banners in your OsCommerce store.<\/p>\n","protected":false},"author":72,"featured_media":46525,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[731],"tags":[547,538],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1541"}],"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\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=1541"}],"version-history":[{"count":15,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1541\/revisions"}],"predecessor-version":[{"id":86377,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1541\/revisions\/86377"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/46525"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=1541"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=1541"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=1541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}