How to manage banners in OpenCart

How to manage banners in OpenCart

In order to edit already existing banners, please log into your Opencart admin panel, navigate to System > Design > Banners page.

You will see the list of banners that came with the template there. Click on Edit to edit the banner.


On the banner configuration page you will see images available for this particular banner section.

  1. You can modify the banner section name by entering your title to the Banner Name field.
  2. Change the status (enabled/disabled).
  3. Modify the banner titles (if you are using more than one language for your store, you can use a different title for each language).
  4. Enter your banner description to the Description field. You can use different descriptions for all languages installed on your site.
  5. Edit the banner links.


  6. To change banner order, specify order under Sort Order column.
  7. Upload your banner images by clicking the image > Edit button.
  8. To remove banner image, click on the picture under the Image section and select Delete buttons.


To remove particular banner, click on Remove next to it. To add more banners, click Add Banner at the top of the list.

Save the change by clicking Save button.


To delete particular banner section, check it under System > Design > Banners page, check banner you would like to remove and click Delete button in the top right corner.


To add new banner section, follow the steps below.

  1. Open System > Default > Banners page. Click Add New button.


  2. Add new banner section title.
  3. Change new banner status to Enabled.
  4. Click Add Banner to add new banner images.
  5. Enter banner image name and specify link to which you would like to point your banner.
  6. Upload your banner images by clicking on the image > Edit button.
  7. Add more banner images by clicking Add Banner button and repeat the steps.
  8. Click on Save to save the changes.


Now you will need to turn on the banners and set their position:

  1. Open Extensions > Modules > Banners page in your admin panel. Click on Edit next to the Banner module.


  2. Enter banner settings on the next screen.


    • Enter module title to the Module Name field.
    • Select module position from Banner drop down.
    • Specify banner images dimensions, fill in Width and Height fields.
    • Change module status to Enabled.
  3. Open System > Layouts page. Click on Edit next to the page where you would like your new banner module to appear.


  4. Set up your new banner module:
    • Select banner module from the Module section.
    • Choose module position from the Position drop down.
    • Set banner order in Sort Order field.
    • Click Save to save and check your site to see new banner:

Was this article helpful?

Related Articles

Leave A Comment?

You must be logged in to post a comment.