Banner Slider

Fully responsive banner slider with 11 different banners, easy to use and convenient to manage

Magento Banner Slider Extension

Add Your Review

Some of the awesome features of Magento Banner Slider Extension

beenhere
Support 11 Different Banners

Allow you selecting sliding effects as what you want to display on your site

beenhere
Fully Responsive

With sliding effects you selected, it will display on all devices

beenhere
Increase traffic and boost sales

Along with professional banner sliders, you can show customers images, advertising banner about your business strategies. After that, they can click to product page

beenhere
Easy to use and manage

Allow you easily managing each banner slider category and banner slider item

beenhere
Display slider by product category

Allow you selecting slider, which will be displayed on one or many more product categories

beenhere
Display banner slider on any positions on your website

Provide you a shortcode, which can insert and display banner slider on a position as what you want on your site

beenhere
Set up the displaying time and disable

Allow you setting up the displaying time as what you want. Banner slider will be displayed and disabled automatically

* Required Fields

  • Money back 30 days guarantee
$29.00

Other Features

  • Allow upload banner image, banner thumbnail
  • Allow customizing some sliding effects (Auto play, Delay/Interval time, …)
  • Allow inserting the link in banner image to connect to another
  • Allow Enabled/Disabled Title, Content on each banner slider, banner image
  • Allow Enabled/Disabled banner slider, banner image
  • Works perfectly with popular browsers including Firefox, Chrome, IE 7,8+ and Safari
  • Easy to install, easy to upgrade, just copy to use
  • Friendly and flexible configuration
  • HTML/CSS validation
  • Multiple stores and multiple languages supported
  • 100% open-source

Some instructions to use Magento Banner Slider Extension

Every step below help our product will be work properly on your site

Frontend Overview

Show the banner slider on frontend: You can show slider on the Category page by selecting it in the "Apply to Category" tab

OR you can show slider on the frontend by calling it on CMS static page, CMS block, Layout xml file or calling directly in .phtml file

In this case, there are 3 main ways to show a banner slider on frontend

  1. Call the slider on CMS page or CMS block. Note: When insert the code into content of CMS page. You need to hide Wysiwyg editor. banner_id must be exactly the Identifier of Banner that is created from the backend

  2. Call the slider in .phtml file
  3. Call the slider in Layout XML
Banner Slider - OWL Style
DEMO Magento Banner Slider Extension 06

Zoom

Call the slider on CMS page or CMS block:

{{block type="bannerslider/banner" name="banner" banner_id="YOUR_BANNER_ID" template="magehit/bannerslider/shortcode/owl_style_sc.phtml"}}

Call the slider in .phtml file:

<?php echo $this->getLayout()->createBlock('bannerslider/banner', 'banner',array('banner_id' => 'YOUR_BANNER_ID'))->setTemplate('magehit/bannerslider/shortcode/owl_style_sc.phtml')->toHtml() ?>

Call the slider in Layout XML:

<block type="bannerslider/banner" name="banner" template="magehit/bannerslider/shortcode/owl_style_sc.phtml">
<action method="setBannerId">
<banner_id>YOUR_BANNER_ID</banner_id>
</action>
</block>

Call the slider on CMS page or CMS block:

{{block type="bannerslider/banner" name="banner" banner_id="YOUR_BANNER_ID" template="magehit/bannerslider/shortcode/image_gallery_horizontal_style_sc.phtml"}}

Call the slider in .phtml file:

<?php echo $this->getLayout()->createBlock('bannerslider/banner', 'banner',array('banner_id' => 'YOUR_BANNER_ID'))->setTemplate('magehit/bannerslider/shortcode/image_gallery_horizontal_style_sc.phtml')->toHtml() ?>

Call the slider in Layout XML:

<block type="bannerslider/banner" name="banner" template="magehit/bannerslider/shortcode/image_gallery_horizontal_style_sc.phtml">
<action method="setBannerId">
<banner_id>YOUR_BANNER_ID</banner_id>
</action>
</block>
Banner Slider - Image Gallery Horizontal Style
DEMO Magento Banner Slider Extension 07

Banner Slider - Image Gallery Vertical Style
DEMO Magento Banner Slider Extension 08

Call the slider on CMS page or CMS block:

{{block type="bannerslider/banner" name="banner" banner_id="YOUR_BANNER_ID" template="magehit/bannerslider/shortcode/image_gallery_vertical_style_sc.phtml"}}

Call the slider in .phtml file:

<?php echo $this->getLayout()->createBlock('bannerslider/banner', 'banner',array('banner_id' => 'YOUR_BANNER_ID'))->setTemplate('magehit/bannerslider/shortcode/image_gallery_vertical_style_sc.phtml')->toHtml() ?>

Call the slider in Layout XML:

<block type="bannerslider/banner" name="banner" template="magehit/bannerslider/shortcode/image_gallery_vertical_style_sc.phtml">
<action method="setBannerId">
<banner_id>YOUR_BANNER_ID</banner_id>
</action>
</block>

Call the slider on CMS page or CMS block:

{{block type="bannerslider/banner" name="banner" banner_id="YOUR_BANNER_ID" template="magehit/bannerslider/shortcode/content_slider_style_sc.phtml"}}

Call the slider in .phtml file:

<?php echo $this->getLayout()->createBlock('bannerslider/banner', 'banner',array('banner_id' => 'YOUR_BANNER_ID'))->setTemplate('magehit/bannerslider/shortcode/content_slider_style_sc.phtml')->toHtml() ?>

Call the slider in Layout XML:

<block type="bannerslider/banner" name="banner" template="magehit/bannerslider/shortcode/content_slider_style_sc.phtml">
<action method="setBannerId">
<banner_id>YOUR_BANNER_ID</banner_id>
</action>
</block>
Banner Slider - Content Slider Style
DEMO Magento Banner Slider Extension 09

Banner Slider - Camera Gallery Style
DEMO Magento Banner Slider Extension 10

Call the slider on CMS page or CMS block:

{{block type="bannerslider/banner" name="banner" banner_id="YOUR_BANNER_ID" template="magehit/bannerslider/shortcode/camera_gallery_style_sc.phtml"}}

Call the slider in .phtml file:

<?php echo $this->getLayout()->createBlock('bannerslider/banner', 'banner',array('banner_id' => 'YOUR_BANNER_ID'))->setTemplate('magehit/bannerslider/shortcode/camera_gallery_style_sc.phtml')->toHtml() ?>

Call the slider in Layout XML:

<block type="bannerslider/banner" name="banner" template="magehit/bannerslider/shortcode/camera_gallery_style_sc.phtml">
<action method="setBannerId">
<banner_id>YOUR_BANNER_ID</banner_id>
</action>
</block>

Call the slider on CMS page or CMS block:

{{block type="bannerslider/banner" name="banner" banner_id="YOUR_BANNER_ID" template="magehit/bannerslider/shortcode/list_slider_style_sc.phtml"}}

Call the slider in .phtml file:

<?php echo $this->getLayout()->createBlock('bannerslider/banner', 'banner',array('banner_id' => 'YOUR_BANNER_ID'))->setTemplate('magehit/bannerslider/shortcode/list_slider_style_sc.phtml')->toHtml() ?>

Call the slider in Layout XML:

<block type="bannerslider/banner" name="banner" template="magehit/bannerslider/shortcode/list_slider_style_sc.phtml">
<action method="setBannerId">
<banner_id>YOUR_BANNER_ID</banner_id>
</action>
</block>
Banner Slider - List Slider Style
DEMO Magento Banner Slider Extension 11

Banner Slider - 3D Image Slider Style
DEMO Magento Banner Slider Extension 12

Call the slider on CMS page or CMS block:

{{block type="bannerslider/banner" name="banner" banner_id="YOUR_BANNER_ID" template="magehit/bannerslider/shortcode/3d_image_slider_style_sc.phtml"}}

Call the slider in .phtml file:

<?php echo $this->getLayout()->createBlock('bannerslider/banner', 'banner',array('banner_id' => 'YOUR_BANNER_ID'))->setTemplate('magehit/bannerslider/shortcode/3d_image_slider_style_sc.phtml')->toHtml() ?>

Call the slider in Layout XML:

<block type="bannerslider/banner" name="banner" template="magehit/bannerslider/shortcode/3d_image_slider_style_sc.phtml">
<action method="setBannerId">
<banner_id>YOUR_BANNER_ID</banner_id>
</action>
</block>

Call the slider on CMS page or CMS block:

{{block type="bannerslider/banner" name="banner" banner_id="YOUR_BANNER_ID" template="magehit/bannerslider/shortcode/image_slider_2_style_sc.phtml"}}

Call the slider in .phtml file:

<?php echo $this->getLayout()->createBlock('bannerslider/banner', 'banner',array('banner_id' => 'YOUR_BANNER_ID'))->setTemplate('magehit/bannerslider/shortcode/image_slider_2_style_sc.phtml')->toHtml() ?>

Call the slider in Layout XML:

<block type="bannerslider/banner" name="banner" template="magehit/bannerslider/shortcode/image_slider_2_style_sc.phtml">
<action method="setBannerId">
<banner_id>YOUR_BANNER_ID</banner_id>
</action>
</block>
Banner Slider - Image Slider 2 Style
DEMO Magento Banner Slider Extension 13

Banner Slider - Simple Fade Slideshow Style
DEMO Magento Banner Slider Extension 14

Call the slider on CMS page or CMS block:

{{block type="bannerslider/banner" name="banner" banner_id="YOUR_BANNER_ID" template="magehit/bannerslider/shortcode/simple_fade_slideshow_style_sc.phtml"}}

Call the slider in .phtml file:

<?php echo $this->getLayout()->createBlock('bannerslider/banner', 'banner',array('banner_id' => 'YOUR_BANNER_ID'))->setTemplate('magehit/bannerslider/shortcode/simple_fade_slideshow_style_sc.phtml')->toHtml() ?>

Call the slider in Layout XML:

<block type="bannerslider/banner" name="banner" template="magehit/bannerslider/shortcode/simple_fade_slideshow_style_sc.phtml">
<action method="setBannerId">
<banner_id>YOUR_BANNER_ID</banner_id>
</action>
</block>

Call the slider on CMS page or CMS block:

{{block type="bannerslider/banner" name="banner" banner_id="YOUR_BANNER_ID" template="magehit/bannerslider/shortcode/introduction_slider_style_sc.phtml"}}

Call the slider in .phtml file:

<?php echo $this->getLayout()->createBlock('bannerslider/banner', 'banner',array('banner_id' => 'YOUR_BANNER_ID'))->setTemplate('magehit/bannerslider/shortcode/introduction_slider_style_sc.phtml')->toHtml() ?>

Call the slider in Layout XML:

<block type="bannerslider/banner" name="banner" template="magehit/bannerslider/shortcode/introduction_slider_style_sc.phtml">
<action method="setBannerId">
<banner_id>YOUR_BANNER_ID</banner_id>
</action>
</block>
Banner Slider - Introduction Slider Style
DEMO Magento Banner Slider Extension 15

Banner Slider - Scrolling Logo Thumbnail Slider Style
DEMO Magento Banner Slider Extension 16

Call the slider on CMS page or CMS block:

{{block type="bannerslider/banner" name="banner" banner_id="YOUR_BANNER_ID" template="magehit/bannerslider/shortcode/scrolling_logo_thumbnail_slider_style_sc.phtml"}}

Call the slider in .phtml file:

<?php echo $this->getLayout()->createBlock('bannerslider/banner', 'banner',array('banner_id' => 'YOUR_BANNER_ID'))->setTemplate('magehit/bannerslider/shortcode/scrolling_logo_thumbnail_slider_style_sc.phtml')->toHtml() ?>

Call the slider in Layout XML:

<block type="bannerslider/banner" name="banner" template="magehit/bannerslider/shortcode/scrolling_logo_thumbnail_slider_style_sc.phtml">
<action method="setBannerId">
<banner_id>YOUR_BANNER_ID</banner_id>
</action>
</block>

Backend Overview

Manage Banners
Magento Banner Slider Extension 03 Magento Banner Slider Extension 04 Magento Banner Slider Extension 05

Go to Banner Slider > Manage Banners

  • Specify the Identifier of Banner, Title and Show Title (normally show title of banner is not necessary so select Show Title is No)
  • Specify width, height of banner
  • Specify the Delay (mini seconds) that is slider’s speed in the banner
  • Select Active From and Active To for the banner
  • Select status is Enable

After creating a Banner, you need to create Banner Items (image) for that banner. Go to Banner Slider > Manage Banner Items

  • Select the banner
  • Enter Banner item (Image) title, the title will be showed or not showed depending on the slider you used
  • Specify the order of Image
  • Upload image (Image will be uploaded directly to the server). For some sliders that show thumbnail image, you need to upload thumbnail image
  • Specify the link Url of the Image. If customers click the image, they will go to this link
  • Enter content of Banner Item, it will be showed depending on the slider you used
  • Finally select status and save.
Manage Banner Items
Magento Banner Slider Extension 01 Magento Banner Slider Extension 02

Magento Banner Slider Extension Questions?

Do you have any questions? We're got answers

How to install Banner Slider Extension extension?

You can do follow the instruction at Install Module

After installed the extension, I got an "Access denied" message when accessing the Configuration in Backend. How to solve this?

If you got this problem, please do as follows:

  1. Go to System > Cache Management and clear cache
  2. Log out from Admin Panel
  3. Log in back
Does this extension work with other themes & modules from other providers?

Normally, our extension can work well with modules of other providers. As you know, with software products, no one know exactly there will be problems or not until we install both of the modules as well as let them work together. However, what we can assure you that our developers will fix all problems if have. And, even if it still can't meet your requirement, within 30 days from installing the extension you can request a refund.

Magento Banner Slider Extension Testimonials

Some kind words from our awesome clients

12 Reviews "Banner Slider"

Our Policies

cloud_download

Free Installation

trending_up

Free Upgrades

live_help

Free Support

forward_30

30 days money back