Slides JS Slide Show Plugin

[picaflor-azul]

This great jquery slide show is lightweight and a great way to showcase your promotions on your zen cart main page.



See a live demo here:

Slides JS for Zen Cart Demo

Module Features:

• Completely customizable

• Add your images, and links

• W3C Valid XHTML and CSS

• No changes to core files

• Easy Installation

• Detailed HTML readme file with written instructions and screenshots, and links to videos for the installation and customization steps.

• Fully compatible with versions 1.3.8x, 1.3.9x, 1.5x. Would probably work with lower versions although it has not been tested.

Please post any bugs or questions here.

Thanks,

Anne

[SPH]

Hi Anne,

I just installed (I think ;) ) this new slider on a Brighton Pets template here:

http://www.fashion-mart.biz/

The slider looks mis-aligned on the left. I think the photo should be even with the left column' left edge?

width of template is 980px. Slide pics are 980x250

Thanks.

Steve

[SPH]

Also, from the installation instructions, are we supposed to ADD this code to our main style sheet? Instr says to find.

In a plain text editor open the file includes/templates/YOUR_TEMPLATE/css/stylesheet.css. Find this code:

/*bof slide show*/
#container {width:550px;padding:10px;margin:0 auto;position:relative;z-index:0;margin-bottom:20px;}
#example {width:550px;height:302px;position:relative;}
#slides {position:absolute;top:0px;left:4px;z-index:100;}
.slides_container {width:550px;overflow:hidden;position:relative;display:none;}
.slides_container a {width:550px;height:302px;display:block;}

[picaflor-azul]

Also, from the installation instructions, are we supposed to ADD this code to our main style sheet? Instr says to find.

Sorry about that! It is a typo. The style sheet for the module is includes/templates/YOUR_TEMPLATE/css/stylesheet_slides.css.

I'll get that fixed in a future update.

Thanks,

Anne

[picaflor-azul]

Hi Anne,

I just installed (I think ;) ) this new slider on a Brighton Pets template here:

http://www.fashion-mart.biz/

The slider looks mis-aligned on the left. I think the photo should be even with the left column' left edge?

width of template is 980px. Slide pics are 980x250

Thanks.

Steve

Add this to the #container on the first line of the stylesheet_slides.css file:

left: -15px;

Thanks,

Anne

[SPH]

Add this to the #container on the first line of the stylesheet_slides.css file:

left: -15px;

Thanks,

Anne

It worked, thanks!

http://www.fashion-mart.biz/

I removed the old Easy Slider code from the Brighton Pets main stylehseet, which I assume we are to do when swapping sliders on your templates. I did find this part at the bottom of the old slider code uncertain, but removed it...was that correct?

#home-banner{height:250px;}

[picaflor-azul]

It worked, thanks!

http://www.fashion-mart.biz/

I removed the old Easy Slider code from the Brighton Pets main stylehseet, which I assume we are to do when swapping sliders on your templates. I did find this part at the bottom of the old slider code uncertain, but removed it...was that correct?includes/templates/preston_elite/images/logo.png

#home-banner{height:250px;}

Yes, you can either remove that line or leave it in if your slide show images are 250px high.

I am happy that it worked for you ;-)

Thanks,

Anne

[aralelex]

Hi all,

I installed it on my website slidehow, I have custom images and css works very well.

How can I put the slideshow on every page of my website?

This is my website:

http://www.intimefantasie.it

[picaflor-azul]

Hi all,

I installed it on my website slidehow, I have custom images and css works very well.

How can I put the slideshow on every page of my website?

This is my website:

http://www.intimefantasie.it

You will remove the if part of the code you added to includes/templates/YOUR_TEMPLATE/common/tpl_main_page.php.

Thanks,

Anne

[MikeyG]

I have just tried to install this on a local test site which has Ajax image swapper . My images now do not display for either the slider or my product info page. I have had this issue before where any other jquery based plugin does not work due to the ajax image swapper.

Is there a solution to avoid this clash. and get Ajax to work with other jquery products..

Or is there a way of having a slider for the additional images under the product image. As I am prepared to do away with the other feature of the ajax image swapper which is to change the main image when the attributes are selected.