Overview

Home page Banners are a popular feature, allowing a series of large 'hero' images to loop through in sequence. This image carousel can loop automatically, or be controlled by the user.

Banner images can be linked to relevant site content such as products or categories, or to external web pages or static content. 

Step-by-step guide

To Implement a Home Page Banner:

  1. Upload the required image files to the server via FTP. For further information, see Loading Site Content Via FTP Using FileZilla.
  2. Login to the website as an Administrator.
  3. Navigate to 'Content' -> 'Article Maintenance'.
  4. Click 'New'.

  5. Enter values for the following fields (any fields not listed below may be left blank):

    PromptValueNotes
    Article TypeBannerThis option should be available in the drop-down list.
    Alert NameA Banner name of your choiceFor Administrator use; this field isn't displayed by default.
    DescriptionA short description for the BannerFor Administrator use; this field isn't displayed by default.
    Article Image NameImage file nameThis is the large Banner image. (Field available from version 3.74+.) 
    Banner LinkLink to the required contentThis could be a Category Code, Product URL, web page, or other required content. 
    SummaryShort summary textThis content displays in a transparent overlay on the banner image itself (Only available fromversion 3.74+). If this field is left blank, the overlay will not render.
    Banner TypeHome Page Feature BannersThis option should be available in the drop-down list. (The exact name can be determined by clicking the 'Banner Types' tab.)
    Article PostedThe Banner creation dateFor Administrator use; this field isn't displayed by default.
    Start DateStart Date for the BannerThe Banner will become visible on this date.
    Expiry DateEnd Date for the BannerThe Banner will disappear after this date.

     

     

  6. In the 'Banner Location Mapping' tab, tick the box to select the 'Home Page' location.
  7. Click 'OK' to save.
  8. Repeat Steps 3 - 6 as required to create additional Banners.

Banners can also be targeted to specific customers or users. Simply populate the relevant field with the required Customer Code, Type, or User Email Address, for example. The banner will then be restricted to that user or group. Leaving these fields blank will default to ALL users.

 

 


Please note - When making changes to a Banner on the Home Page, the site's Template Cache will need to be refreshed (or the testing User will need to login/logout) before the changes take effect on the web.


This guide applies to classic CSS websites. If your site is on the Best Practice Design framework, refer to our updated guide here - Slider Banners.


© Copyright 2001-2023 Commerce Vision Pty Ltd. Use of this site signifies your acceptance of Commerce Vision’s Terms & Conditions. CV Connect, the Commerce Vision logos, and other Commerce Vision marks are assets of Commerce Vision Pty Ltd.