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.7.0.0
- 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 logout & 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 menu: 'jQuery Sliders Pro' > 'Manage Groups'
Thereafter you can add slides to the Groups from the Slides Tab of Group form or you can individually add new slides from menu: 'jQuery Sliders Pro' > 'Manage Slides'

When Slider Group and related Slides are created:
a> You can use this code:
{{block type="jquerysliderspro/slider" identifier="identifier-given-for-slider-group"}}
to include related slider in CMS Pages & Static Blocks from backend.
b> You can use this code:
echo $this->getLayout()->createBlock('jquerysliderspro/slider')->setIdentifier('identifier-given-for-slider-group')->toHtml();
to include related slider in any .phtml file.
c> You can use this code:

<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:

0> Disable the Cache before Installation or Refresh the Cache after Installation.
Disable the Compilation (System > Tools > Compilation)
1> If you get 'Access Denied' error in System > Configuration, then try to logout & re-login.
2> If you have 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/*
3> Make sure folder: media/jquerysliderspro is writable.
4> Visit official site for more info: http://www.magepsycho.com/jquery-sliders-pro-nivo-slider.html

Changelog:

...

Live Demo:

Frontend: Demo1, Demo2
Backend: Demo

Quote / Support:

Contact Us

More Free/Paid Extensions

www.magepsycho.com