An exclusive banner slider built on OWL Carousel JS that livens up your website with impressive and impactful banners. Give your image banners a radiant look with more than 40 effects.
All it takes is 3 easy steps to have this on your website:
Install the extension from Magento Connect
Create Category, upload image banners, select Category and select effects you want
Add the Code Snippet where you want the banner to be invoked
Read How to use? section to find out more about the slider configurations
Demo Link: http://extensiondemo.vsourz.co/
Need Support? Click Here
Features:
- Simple, easy to use interface.
- Creates Responsive slideshows within seconds.
- Support for categorized banner sliders with ability to create unrestricted categories.
- Unrestricted support for Image slides (supports Caption, Link, Description Text, Images, Videos, Maps).
- Full Width Slider Support.
- Fast – only the minimum JavaScript and CSS is included in your page, making it faster to load.
- Touch Swipe by Finger/Mouse.
- 40plus animation effects.
- Ability to manage banner effects and colors using Magento Backend.
- Cross Browser, All Browsers Supported
- Mobile Device Optimized
- Publish/Unpublish Slides based on selected date
How to use?
Step 1: Install Extension from Magento Connect
Step 2: Setup the Slider Category. Goto Banner Slider >> Manage Slide Category >> Add Category Slider and follow below steps as shown in the screenshot.
http://extensiondemo.vsourz.co/media/wysiwyg/category1.jpg
Step 3: Insert the image and associate it with the category. Goto Banner Slider >> Manage Slides >> Add Slide and follow below steps as shown in the screenshot.
http://extensiondemo.vsourz.co/media/wysiwyg/slide1.jpg
Step 4: Call the slider on the desired page using the predefined short codes.
** Shortcode
ADMIN
{{block type="bannerslider/bannerslider" name="bannerslider" category_id="1" template="bannerslider/bannerslider.phtml" }}
XML
< reference name="content">
< block type="bannerslider/bannerslider" name="bannerslider" template="bannerslider/bannerslider.phtml">
< action method="setCategoryId">< category_id>1< /category_id>< /action>
< /block>
< /reference>
HTML
echo $this->getLayout()->createBlock('bannerslider/bannerslider')->setCategoryId('1')->setTemplate('bannerslider/bannerslider.phtml')->toHtml();
Please Note: In the XML code, we have intentionally placed space in the XML tags. Please remove the spaces while adding the code.
