jQuery Sliders Pro (Nivo Slider etc.)

Introduction:

jQuery Sliders Pro is the collection of jQuery Sliders (Nivo Slider) for Magento. It is used to slide unlimited no of custom images/description, product images/description, etc anywhere in frontend with different slider settings. Currently, it only supports Nivo Slider jQuery plugin but other popular jQuery Sliders will be integrated soon in newer versions.

Features:

• Upgrade proof Module.
• Checked for Magento Versions 1.3.x - 1.9.x
• Includes Nivo Slider plugin(the world's most awesome jQuery Image Slider).
• Flexible Customization for Nivo Slider plugin.
• Option to configure default settings for Nivo Slider.
• Option to create unlimited no of Slider Groups and slides.
• Option to configure Slider Group wise Slider Settings.
• Sliders can be included in CMS, Static Blocks, Categories, Product Pages easily.
• Sliders can be included in any template (.phtml) files easily.
• Still, lots of new jQuery slider plugins and features are yet to come.

Installation / Configuration

1. Just copy & paste the 'app', 'media' & 'js' folder provided in the extension zip file to the root of Magento Installation.
2. If you are already logged in during installation then try to log out & re-login.
   Go to System > Configuration > MagePsycho Extensions > jQuery Sliders Pro > Manage your settings here.
   Example:
   General Settings:
   Enabled = Yes
   Domain Type = Production / Development
   License Key (Production / Development) = Enter your license key here
   
   JS File Settings:
   Include jQuery file = Yes / No
   Include jQuery file from = Local / Google CDN
   ...
   
   Nivo Slider Settings:
   Configure default Nivo slider settings here
   ...
3. After system configuration you need to create Slider Groups from the menu: 'jQuery Sliders Pro' > 'Manage Groups'
4. Thereafter you can add slides to the Groups from the Slides Tab of Group form or you can individually add new slides from the menu: 'jQuery Sliders Pro' > 'Manage Slides'
   • Code to display a slider in CMS Pages & Static Blocks from the backend:
     

     {{block type="jquerysliderspro/slider" identifier="identifier-given-for-slider-group"}}

   • Code to display a slider from any .phtml file:
     

     <?php 
     echo $this->getLayout()
         ->createBlock('jquerysliderspro/slider')
         ->setIdentifier('identifier-given-for-slider-group')->toHtml();
     ?>

   • Code to display a slider via layout update XML (Category, Product & CMS pages):

     <reference name="content"><!--  name="left" or  name="right" -->
     	<block type="jquerysliderspro/slider" name="category-banner" before="-"><!--  after="-" -->
     		<action method="setIdentifier">
     			<identifier>identifier-given-for-slider-group</identifier>
     		</action>
     	</block>
     </reference>

Installation Notes:

1. Disable the Cache before Installation or Refresh the Cache after Installation.
   • Also, disable the Compilation (System > Tools > Compilation) if enabled
2. If you get 'Access Denied' error in System > Configuration, then try to log out & re-login.
3. If you have a custom theme then try to copy the following files

   app/design/frontend/default/default/layout/jquerysliderspro.xml
   app/design/frontend/default/default/template/jquerysliderspro/*

   to

   app/design/frontend/[your-interface]/[your-theme]/layout/jquerysliderspro.xml
   app/design/frontend/[your-interface]/[your-theme]/template/jquerysliderspro/*

4. Make sure folder: ./media/jquerysliderspro is writable.

Changelog:

...

Live Demo:

Frontend: Demo1, Demo2
Backend: Demo

Quote / Support:

Contact Us