Page History

Banners on your Commerce Vision site

1. Enable and configure Banners

Before you can create and edit banners, the Banners feature must be enabled. Once enabled, Banner Maintenance displays as a submenu item in the Content menu. 

To enable Banners:

1. Go to Settings →  Feature Management → Content.
   .
   
   
2. Ensure Banners is toggled ON.
   
   
3. Click Configure.
   
   
4. In Banner Feature Settings,  toggle ON to allow banner filters. This lets content creators restrict a banner to a subgroup of Users. 
   
   TIP - The Maintain Banner Types button provides direct access to the Banner Type Maintenance screen. See: Create a Banner Type.
   
   
5. To save your settings, click Save & Exit.
    

Anchor
Create Create

2. Create a Banner Type

A 'banner type' is one or more banners grouped together. Keep in mind that when you add a banner feature to a page or template, a banner type is what is selected.

This step creates a banner type.  Maintain Banner Types is accessed on the Banner Settings or the Banners Maintenane page.

1. In the CMS, go to Content → Banners.
   
    
2. Click Add New Banner Type.
    
3. Enter a unique Code and Name for the new type, and assign an Icon if you wish. 'Name' and 'Icon' display when selecting a banner type for a page.
   
   
   
4. Click Save.
    
5. The new banner type displays in the Banner Type Maintenance list. From this page, Edit a banner type. 
    

2. Upload Banner Images

1. In the CMS, go to Content → Banners. 
   
   
2. Click Edit for the banner type.
   
   
3. Click Add New Banner. 
   Image Added
   
4. Enter the Banner Details:
   Description - Short description to identify the image or video
   Banner Link - The URL, /category, or /product page linked to
   Banner Link Open in New Window - toggle ON for linked page to open in new window 
   Start Date - (optional) Date banner is visible on your site 
   Expiry Date - (optional) Date banner is automatically removed from your site
   
   
5. Image upload 
   
   
   1. To upload the same image for all device types, click Select Banner for All Devices. (To upload a different image each device type, go to step 5(b).) 
      
      Example: same image for all devices
      Image Added
   2. To upload a different image file for each device type, click their Select Banner. TIP - For efficient download, use the ideal file size and dimensions in 'Recommended' for each device type.
      Image Added
      
      
6. In Image Selection, select and insert a previously uploaded image. To upload a new one, click Upload. 
   Image Added
   
7. Upload the image, then click Insert.
   
   
8. Enter Overlay content if required. This will appear on a transparent panel over your image.
   Image Added
   Example of Overlay
   Image Added
   
   
9. If this banner is not for all users, use the Banner Filters section to define user groups. The filter fields correspond to your ERP fields. Not all fields may be in use on your website. Multiple values, separated by commas, can be entered in a field. 
   Image Added
   
   
   
10. Customer filters apply to user's current Customer only? - Toggle ON if users with multiple customer accounts should see this banner only if they are currently in a Customer account that has been given access. OFF - if a logged in user switches to a Customer Account that does not have access to the banner, they will still see it.
    
11. Click Save & Exit. 
    
12. You'll see the newly added banner listed on the Maintenance page, with a coloured tile to indicate whether it's Active, Scheduled, or Expired.
    Image Added 
    
    
    
13. Repeat Steps 3-11 to add more images if this is a slider banner. You can drag and drop banners to re-sequence them if required.

Related help