Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Excerpt

Banner images are an eye-catching component element of many web pages. However, sometimes But what do you do if the content of a banner is irrelevant to your mobile users, or is ? Or perhaps the dimensions of a particular banner make it best viewed on desktop devices only. ?

Good news! From version 3.84+, banners can be configured to display on all devices, or targeted specifically to desktop or mobile only. 

Even better, from version 4.02+, you can also target banners to your tablet users. This can be done on both on the banner itself, as well as on the Banner Slider Widget.

Step-by-step guide

To create a banner and target by to a particular device: 

  1. In the CMS, navigate to Content → Banners
  2. Select a Banner Type
  3. Click 'Add New Banner'
    Image Modified 
  4. Populate the banner details as required. 
     
  5. Set the 'Display For' value: 
    • All
    • Desktop 
    • Mobile
    • Tablet (version 4.02+ only)
  6. Save & Exit.  

 

Refresh the template cache in order to see the changes on your website.

  1. In the CMS, navigate to Settings → Dictionary
  2. Tick the 'Templates' option and click 'Refresh Cache'
  3. A confirmation message will display when complete. 
  4. Refresh your web page using CTRL + F5 - the banner(s) should now display on the appropriate devices. 
     

 

To target an entire Banner Slider widget by device (version 4.02+): 

  1. In the CMS, navigate to the page template your banner slider appears on.
  2. Edit the Banner Slider.
  3. Select the Common Options tab. 
  4. Tick the boxes for the devices you wish to display the slider on. 

    Image Added

  5. Save
  6. You may need to refresh your template cache in order to see the changes. Refer to the instructions above. 

 

 

Content by Label
showLabelsfalse
max5
spacesKB
showSpacefalse
sortmodified
reversetrue
typepage
cqllabel in ("banners","how-to","cms") and type = "page" and space = "KB"
labelshow-to cms banners