Banners on the site


At the moment, there are several ways to add banners for different devices: desktop, tablet, mobile.

  1. *Download banner for desktop version:
    *
    Only the banner for the desktop version can be uploaded to the admin; it will be displayed for the desktop version and the same banner will be automatically and proportionally narrowed and displayed for the tablet and mobile version.
  2. *Download banner for desktop and tablet versions:
    *
    in the admin you can upload a banner for desktop and tablet versions; they will be displayed for the specified versions, and for the mobile version they will be narrowed automatically and proportionally to the banner that was loaded for the desktop version.
  3. *Download a banner for each version: desktop, tablet, mobile:
    *
    In the admin you can upload a banner for each version and the website will display the banner that was downloaded.

Examples of banners for each version are loaded into the application.

Banner sizes:

  1. Desktop version: Width - 1360px; Height - 560px;
  2. Tablet version: Width - 768px; Height - 560px;
  3. Mobile version: Width - 360px; Height - 500px;

About settings:

  • Name – a required field, indicated for internal use (to understand what banner we are talking about).

  • Heading – large text that is displayed on the banner.

  • Description – small text that is displayed on the banner.

  • Image for desktop – if we upload only for the desktop, it will automatically adapt to the mobile version. Dimensions are described here: https://crm.alsodev.com/_module/knowledgebase/view/article/490--razmery-i-ves-izobrazhenij-na-sajte/

  • Button name – if we want to add a button, specify a name for it.

  • Hide – is responsible for displaying the banner on the site.

  • Link when clicking on a banner – a link that the user should go to when clicking on a banner or button.

  • Order – is responsible for the display order.

  • Autoplay – after how many seconds the banner will change to another.

  • Show on – if we want to display on the main page, select β€œHome”.

  • Active from – start date of banner display.

Files:

article.helpfulQuestion