How do I change my Banner?

Banners are pictures containing linkable images displayed in the store’s store front. Banners can be utilized to catch the customer’s eye and direct them to special products in the store. The Banners page under System>Design>Banners lets you customize the images and links displayed on the banners.

Using Banners as Modules

The Modules section uses banners for two modules: Carousel and Banners. The Banners section lets you customize what page layout the banner will be included, and its position. The Carousel module acts like a slideshow, or carousel. The customer can click an arrow to look through a range of product images. If you want to create a new carousel banner displaying all the manufacturer logos, you need to go to System>Design>Banners, and click “Insert”. After coming up with a banner name for later reference, you would to click “Add Banner” to add a new icon to the banner. The following fields are needed to add a new icon to the banner:

Title: when the customer hovers their mouse over the icon, the title will be displayed.
Link: the address of the page that the customer will be directed to when clicking on the icon in the banner. In this case, you would want to link the image to a banner page. The link doesn’t need the “www.store.com” portion of the link.
Image: add an image using the Image Manager.

The Image Manager is a tool used in the administration to upload image files. Banners, product images, the store logo, and manufacturers will all need images uploaded using the Image Manager.

Clicking “Browse Files” will open up a new window called the “Image Manager”. The “image” folder will be available in the left column, which can be found in the root folder where OpenCart was installed. You can use an FTP client to add and delete product images in your “image” folder. Another way to add images is to click the “Upload” button in the toolbar, which will open up your computer’s file directory to directly add them. The images below were provided for the default products. Select an image by clicking on one, and press the “Delete” button in the toolbar to delete it.

You may add as many banners to the banner as necessary. Under Modules, you can edit the Carousel to display the “Manufacturers Banner”. The image below is the screenshot of the home page after the Carousel was assigned the Manufacturers banner. All the manufacturer logos that were added to the Manufacturers banner in the administration can be scrolled through in the store front.

Posted in: E-commerce