How to change the banner in osCommerce

Banners are typically used for the purpose of advertising in osCommerce. It is a graphic that can also be used for the purpose of identifying a website’s brand, or to pass on announcement. However you use it, the banner is a useful element that can be controlled from the osCommerce interface. The following article explains how to add a new banner within the osCommerce Administration interface.

Adding a New Banner in osCommerce

Example of osCommerce banner from default theme

Before viewing the instructions for changing/adding a new banner, let’s identify the location of the banner:

  1. Log into your osCommerce Admin dashboard.
  2. Tools menu in osCommerce back end

    Scroll down on the left hand side of the screen until you find the TOOLS button. Click on this button and the menu will expand.

  3. Click on BANNER MANAGER and you will see the osCommerce interface for managing banners.
  4. Click on the NEW BANNER button to proceed.
  5. Options when adding a New Banner in osCommerce

    The NEW BANNER menu includes the following fields: Banner Title, Banner URL, Banner Group, Image, Image Target, HTML Text, Scheduled At, and Expires On. The table below explains each option.

    Banner TitleAdd banner name here – this is a required field
    Banner URLURL used if the banner is clicked by a website visitor
    Banner GroupSelect an existing group, or create banner groups to organize multiple banners
    ImageClick the Browse to use this interface to upload a banner image. You can also use a URL location for the image
    Image Target (Save To)Define where the banner file will be saved
    HTML TextYou can use text instead of a graphic file for the banner. The banner can also be formatted using HTML. Note that if you have text defined here, it will override an existing image as the text has priority.
    Scheduled AtSchedule when a banner appears by placing a date here.
    Expires OnYou can also define when a banner expires by scheduling it in this field.
  6. SAVE button is in the bottom right side of the screen

    When you have finished adding your graphic or text for the banner, go to the bottom right hand corner and click on SAVE in order to save your entries.

This completes the tutorial on adding a new banner into osCommerce using the osCommerce Administrator interface. Here are examples of what you would see if a new banner were to be inserted. Note that the banner will differ based on the theme that you are using. The default osCommerce theme banner is 486pixels wide by 50 pixels tall. Additionally, as per the description above, HTML text that is entered will have priority over the image.

Default osCommerce theme

Default osCommerce store page - banner is at the bottom

osCommerce with a new banner added. Note that the banner was created at 486px by 50px.

osCommerce store page with new banner inserted

HTML Text entered as a banner. HTML has priority over the images

osCommerce store page with text used

Arnel Custodio Content Writer I

As a writer for InMotion Hosting, Arnel has always aimed to share helpful information and provide knowledge that will help solve problems and aid in achieving goals. He's also been active with WordPress local community groups and events since 2004.

More Articles by Arnel

Was this article helpful? Join the conversation!

Shop the Black Friday Sale
Hurry! These Deals Won't Last Long