Banner Slider

Go to the Design → Banner Manager

To edit the Bootstrap 5 theme slider please edit the BS5 Main Page Carousel block. It is a HTML block please do not use a visual editor when you edit the slider 

To edit the default template Banners Slideshow first you need to locate Admin section Design → Banner manager.  Then refine the banner's grid by Main Page Banners Group.

There are 5 main rotating banners and 1 static banner shown on a small resolution display only.

Static fallback banner

A static fallback banner is shown on the mobile resolutions with the default template. The mobile screen can not show regular rotating banners due to screen size limitations.

Change the static banner like any other graphic banner, click the banner's edit button then unmap the old image and add a new one using Resource Library. We recommended for a new banner to use the image with 940px width.

Rotating banners (sliders)

All main sliders are text banners. Click the Edit button and locate the Banner HTML-code field.

To change the banner image you need to edit the src path to the new image. Upload images using FTP or hosting built-in file manager. Recommended using a .png image file type with a transparent background.

Banner text is located in HTML tags. Make sure to keep the same HTML tag structure in order to get the correct banner layout.

Make sure you have disabled Adblock+ (or similar) addon in browser - by default Adblock prevent to load HTMLcode editor and some banners.

Add more slides

To add/remove banners from slide show please locate Admin Front section Design → Blocks

Search for the Main Page Banner Slider block name and edit this block. Simply select Banners or Banners Group to show in the Slideshow.


AbanteCart, all rights reserved. 2024 ©