Banner Slideshow

Banner Slideshow

Compatible With: Community 1.6, 1.6.1,, 1.7, 1.8, 1.8.1, 1.9, 1.9.1, 1.9.2, 1.9.3

Tech Specifications

Current Version:
Stable Build
04 July, 2017
Extensions, Content & Customizations, Personalization & Experience Management
Supported Browsers:
Chrome Linux: 42, 43, 44 Mac: 39, 44 Windows: 39, 40, 42, 43, 44 Firefox Linux: 31, 38, 39, 40, 41 Mac: 31, 38, 39, 40, 41 Windows: 31, 38, 39, 40, 41 Safari Mac: 7, 7.1, 8, 9 IE Windows: 10, 11, 8, 9
License Type:


Banner Slideshow module allows you to display multiple images on the store with a redirect link to visit the web pages.

Other Extensions by WebKul SoftWare Private Limited


Back to top

Banner Slideshow module allows you to display multiple images on the store. Every image can have a redirect link, where the users can click the banner image and visit the web pages. There are lots of options available - set banner height & width, interval, animation speed, and effects. The users can control the slideshow, they can pause, resume, view next and previous images. 

Use Case of Banner Slideshow - 

Having a slideshow makes the store look amazing, it allows the store owner to display any information in the banner images. The banner slideshow can be used to display any offers/discounts, featured products, news or updates.

Features of Banner Slideshow -

  • Banner Slideshow does not need Flash to work.
  • Adjust the banner width and height as per your ease.
  • Insert hyperlink for each banner image.
  • You can use this extension on multiple places within a single page.
  • Manage banner images from the separate backend menu - Horizontal Banner Slider.
  • Add, edit, delete, enable, disable slideshow banner images anytime.
  • Select the animation effect and set the speed and interval.
  • The users can pause, resume, view- next or previous images.
  • Banner Slideshow works on every devices and browser.
  • Display timer and pagination status for each banner.
  • Supports multiple languages and translations.
  • The source code is open for customization.

Workflow of Banner Slideshow -

After the installation, the admin will find new menu option as Horizontal Banner Slider. From here, it can manage the banner images and banner groups.

First, upload images by navigating through Manage Banners>Add Image. Click Browse to upload images, and then add a hyperlink, sort order and set status as Enabled. 

Now, create banner groups by navigating through Manage Banner Groups>Create Group. Enter banner group information - name, code, width, height, interval, average speed. Select Yes/No to display navigation, start & pause slide, timer status, pagination status. Select the animation effect and set the status as Enabled.

Then, go to Select Banners and select the images to display and click Save.

Finally, enter the block code in CMS page where you want to display the slideshow:

{{block type="hbs/hbs" name="hbs" banner_group_code="hbs" template="webkulhbs/hbs.phtml"}}

Benefits of Banner Slideshow -

Admin Benefits - 

The admin can place the Banner Slideshow on various pages - homepage, category page or any other page. It makes the store more user interactive, the users can visit the web pages linked to the images.

Users Benefits -

 The users can control the Banner Slideshow, they can move the cursor on an image to view the image. They can use the navigation controls to view the previous or next banner images.

Demo - You can check the live demo here.

Release Notes

Back to top


  • Compatible with CE: 1.6 1.6.1 1.7 1.8 1.8.1 1.9 1.9.1 1.9.2 1.9.3
  • Stability: Stable Build
  • Description:

    -------------------------------- Version 1.0.0 --------------------------------------
    + Slick Effect, No flash Needed.
    + Adjust width and height as per your ease.
    + Allow admin to use this extension on multiple places within a single page.
    + Image Management from the module Admin e.g. Image Edit, Delete or Update.
    + Set the slideshow height and width from module admin.


Back to top
The best place to start if you need help with a specific extension is to contact the developer. All Magento developers have both a contact email and a support email listed.

Q & A

Back to top


Back to top