Bringing page with JQuery into store

[blahblah4949]

Thank you very much DrByte. Just the info I was after and gives a much better understanding. Funny, as I use view source all the time but never thought of using it in this instance

I have done as you said and removed the unnecessary stuff from the head/tags. Added the pics 123 to the images folder of my custom template.

What I don't quite understand is where to place this part that fires up the Js from the head:

<script type="text/javascript">
$(window).load(function() {
	$('#slider').nivoSlider();
});
</script>

You say "Stuff it into the jscript folder for the pages you want it to load on, and use the prescribed filenaming convention."

Do you mean to give it it's own file, and then name it jscript_nivoslider.js ? Or..

Stuff it in the main slider.js file I have in there?

Also, only some of my images are being picked up. The background pic is, but the logo is not for example. The images are sitting in my images folder of my custom template. I know I've made a stupid schoolboy error somewhere

[blahblah4949]

OK, the image problem is now sorted as far as I can tell.

Just getting the JScript to fire up now.

[DrByte]

What I don't quite understand is where to place this part that fires up the Js from the head:

<script type="text/javascript">
$(window).load(function() {
	$('#slider').nivoSlider();
});
</script>

You say "Stuff it into the jscript folder for the pages you want it to load on, and use the prescribed filenaming convention."

Do you mean to give it it's own file, and then name it jscript_nivoslider.js ?

No, I think I'd put it in the HTML, after closing slider </div>

[blahblah4949]

Well tried it in a few places in the html but no joy yet. I checked the 3 images are in there so it's not that.

I'm thinking maybe a wrong filename is causing this? Can't see anything so far though

[blahblah4949]

If you look at the source code, it appears the CSS file for the slider is not in the header. I have the file sitting in my CSS folder of my custom template, so how can I link to it in the header? At the moment it is just named ' nivo-slider.css ' .

Thanks for your help with this

[blahblah4949]

Yes look at.
To explain it ferther your jquerry statement without The <script> tags go in à file legs call it smide.js for example. Then in your html_header file you link it in inside à <script> tag and The css gods inside include/templates/yourtemplate/css/stylesheat.css

Hope that make sens, good luck.
Posted via Mobile Device

Ah, so I just place the nivo-slider.css in with the stylesheet.css? I don't need to keep the two separate?

[DrByte]

Or you could rename the file to start with "style" so that Zen Cart will pick it up and use it automatically.
ie: "style_nivo-slider.css"

[blahblah4949]

Or you could rename the file to start with "style" so that Zen Cart will pick it up and use it automatically.
ie: "style_nivo-slider.css"

Great tip, thanks.

Well can't be far from cracking this now. From the source code does it appear like everything should work?

Am triple checking everything but maybe it's too obvious.

[blahblah4949]

OK, last stab before I hit the sack (nearly midnight in UK).

Really appreciate the help so far

[DrByte]

At the top of your jscript_jquery.nivo.slider.js file is a section of code that contains this:

$(window).load(function() {
    $('#slider').jscript_nivo.Slider();
});

and that's throwing this error:

TypeError: Result of expression '$('#slider').jscript_nivo' [undefined] is not an object

I think you added that whole section of the code to the file as a guess, but that was a mistake, and is now causing things to break.