Banners - add photos and videos to the banner on the main page.

At SOTESHOP you can add banners to the homepage. The banners change automatically and additionally the system remembers which pictures have already been displayed to a given user. You can add text to the banner, any link, CTA button and video banners. Displaying banners is optimized for SEO and mobile devices.

Table of Contents

SOTESHOP. Banners - see how to add a banner to your store.

In the admin panel, go to ApplicationsBanners Banners Module Icon

Adding a Banner

  1. Press the Add button, List of banners in the store panel
  2. Check Active, Banner editing window
  3. Select Language version

    The banner will be displayed only on the indicated language version of the store. To display it on all language versions, you must check the Ignore language version option in the banner configuration.

    See how to enable ignoring language versions

  4. Enter Group Name,

    Option for webmasters to create additional banners in individual themes.

  5. Upload Image,
  6. Upload Image (mobile version),

    The attached image will be displayed on narrow screens instead of the basic image

  7. Upload Video (mp4),
  8. Enter Video link (mp4)

    Allows you to provide a link to the video that will be displayed in the banner. The video from the link will not be displayed if the video is already uploaded in the Video (mp4) field.

  9. Enter Link, (e.g. redirects to a new page, and /category/xxxx link entered without a domain - the customer stays on the store page)

Set the Encouragement to take action (CTA Call to Action),

CTA (Call to Action) is displayed on the banner only when in the banner configuration, in the Version field, Photo with description is selected

  1. Select Text color,
  2. Enter Left margin,
  3. Enter Right margin,
  4. Enter Title on the banner,
  5. Enter Description,
  6. Check Show background under text,
  7. Check Darken the photo,
  8. Enter Button,

    Text that will appear on the button

  9. Enter Button link,
  10. Press the Save button.
Main page look with banner

Banner Configuration

Select Configuration

Banner configuration
  1. Check Enable banner,
  2. Check Enable banner groups,

    Option for webmasters. Allows creating additional banners in individual graphic topics.

  3. Check Ignore language versions,

    All banners will be displayed regardless of the selected language in the store.

  4. Select Version of banners
    • Photo - Photos are shown in full.
    • Photo or video with description - Photos or videos are displayed as a background for the entered texts (they may be cropped depending on the amount of text entered and the set height). The height can be defined through photo configuration,
  5. Check Full width banner,

    Slides will be displayed at full page width. Inserted photos should have a width greater than 1310 px.

  6. Check Show left/right arrows,
  7. Check Show pagination,
  8. Select Slide display time,
  9. Select Slide transition effect,
  10. Check Add text animation,
  11. Select Text animation,
  12. Press the Save button.

Recommended Video Dimensions for Each Theme

  • Airsports: 1170 x 512 px
  • Argentorwd, Giallorwd: 909 x 500 px
  • Bianco: 1310 x 530 px
  • Cutlery: 1150 x 560 px
  • Elegante: 1310 x 530 px
  • Futura: 1920 x 825 px
  • Lazuli: 950 x 640 px
  • Marrone: 410 x 764 px
  • Moda: 1310 x 530 px
  • Modernorwd: 1150 x 546 px
  • Responsive: 1600 x 366 px
  • Ristorante: 1600 x 825 px
  • Watch: 1920 x 825 px

Banner Image Size Configuration

Check the configuration images documentation.

Related Documentation

SOTE YouTube

Stay up to date with the latest SOTESHOP program updates. Subscribe to the SOTE YouTube channel.