Integrating Coda Slider

Hi

I am trying to integrate Coda Slider into my shop, and have all the relevant files installed into my theme directory.

It seems to be working, except for the JavaScript.

I was previously going to use s3Slider, but had a similar problem.

Obviously, I am doing something wrong... can anyone guide me to what it might be that causes this problem?

My website is
http://www.natureswonderland.com.au/ zen_new/

Thanks,
Tija

You want to go back to the s3slider? Back in May I wrote a very nice TUTORIAL on implementing this into Zen-Cart without problems.........at least you shouldn't have any if you follow the directions closely.

I did actually come across that tuturial of yours when I was trying to implement s3Slider, Get Em Fast. I did, or so I thought, follow your direction, but it didn't end up working for me. Clearly, there's something I'm missing in both cases...

As I'm not fussed with which slider I use, I'll put back the files I had for the s3Slider and perhaps you could have a look at what's going wrong?

I would really appreciate it if you could :)

Thanks again,
Tija

Sure Mortal, I should be free in just a few. I'm working with another person on the same thing right now, but we're getting their problem narrowed down really quickly, now. So it shouldn't be but just a few.

In the mean time, you could be putting everything back in your site per the instructions..............

OK - thanks :)

After posting before, I decided to start again from scratch with the process, but I've ended up with the same result - the pictures, text, etc. load on the page, but the script obviously isn't working properly, as that is all they are - pictures and text.

On your entry page or your Zen-Cart's Main Page?

Sorry - on Zen Cart's main page:
http://www.natureswonderland.com.au/zen_new/

Currently, just the sample images are showing, as I haven't yet made any specifically for the slider.

Edit:
The directory:
http://www.natureswonderland.com.au/shop/
is a separate install, which I'm not currently working on.

Okay, let's do first things first........You need the regular jquery.js also. You can download it HERE. Look for Current Release....1.4.4.

Then upload it to your sites' jscript folder, rename it jscript_jquery.js

Then, you need to get rid of the xslider.js, the s3SiderPacked.js, and maybe the jscript_jquery-1.3.2.min.js if it's no longer needed............I got a feeling that was part of the xSlider, right?

Then, we'll see where we're at.

Oops, I missed xSlider.js & s3SliderPacked.js when I was removing the files to start again... and deleted the newest version of jQuery :shocking:
jscript_jquery-1.3.2.min.js was from coda slider.

Anyway, my messy uploading has been fixed up, and it's now just jscript_jquery.js & jscript_s3Slider.js :blush:

Okay, good. Now, let's change your html code to use the s3slider, instead of just the slider:

<div id="s3slider">
        <ul id="s3sliderContent">
            <li class="s3sliderImage">
                <a href=""><img src="[URL="http://www.zen-cart.com/forum/view-source:http://www.natureswonderland.com.au/zen_new/includes/templates/artiste_de_fleurs/images/example_images/410/1.jpg"]/zen_new/includes/templates/artiste_de_fleurs/images/example_images/410/1.jpg[/URL]" alt="1" /></a>
                <span class="top"><strong>Title text 1</strong><br />Content text...</span>
            </li>
            <li class="s3sliderImage">
                <a href=""><img src="[URL="http://www.zen-cart.com/forum/view-source:http://www.natureswonderland.com.au/zen_new/includes/templates/artiste_de_fleurs/images/example_images/410/2.jpg"]/zen_new/includes/templates/artiste_de_fleurs/images/example_images/410/2.jpg[/URL]" alt="2" /></a>
                <span class="top"><strong>Title text 2</strong><br />Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...</span>
            </li>
            <li class="s3sliderImage">
                <img src="[URL="http://www.zen-cart.com/forum/view-source:http://www.natureswonderland.com.au/zen_new/includes/templates/artiste_de_fleurs/images/example_images/410/3.jpg"]/zen_new/includes/templates/artiste_de_fleurs/images/example_images/410/3.jpg[/URL]" alt="3" />
                <span class="bottom"><strong>Title text 2</strong><br />Content text...</span>
            </li>
            <li class="s3sliderImage">
                <img src="[URL="http://www.zen-cart.com/forum/view-source:http://www.natureswonderland.com.au/zen_new/includes/templates/artiste_de_fleurs/images/example_images/410/4.jpg"]/zen_new/includes/templates/artiste_de_fleurs/images/example_images/410/4.jpg[/URL]" alt="4" />
                <span class="bottom"><strong>Title text 2</strong><br />Content text...</span>
            </li>
            <li class="s3sliderImage">
                <img src="[URL="http://www.zen-cart.com/forum/view-source:http://www.natureswonderland.com.au/zen_new/includes/templates/artiste_de_fleurs/images/example_images/410/5.jpg"]/zen_new/includes/templates/artiste_de_fleurs/images/example_images/410/5.jpg[/URL]" alt="5" />
                <span class="top"><strong>Title text 2</strong><br />Content text...</span>
            </li>
            <div class="clear s3sliderImage"></div>
        </ul>
    </div>

That should just about do it. If not, we'll see what the problem is from there.

There ya' go Tija.........told you that should just about do it. Now, to put your own images and text in. Just remember to keep ALL of your images the same size or it will NOT work correctly!!!

Wow, that was an easy fix...

That HTML came from one of the examples in the download. Missed the part that I had the CSS using s3 and the HTML without.

Well, thanks heaps for your help =)

Hehe, just saw your new post.

I'm off to go and customise it a bit now - and I'll keep in mind that the images have to be the same size :)

You're quite welcome. Have fun!

Thanks Get Em Fast for the nice tutorial and these replies. I could install s3slider and i have it working perfectly.
Keep up the good work!

Rumil:

Thanks Get Em Fast for the nice tutorial and these replies. I could install s3slider and i have it working perfectly.
Keep up the good work!

Thank you. You're very welcome.