I want to use a jQuery slider on the detail pages of my site but am not sure where to put code...

I have the same jQuery on the home page and was able to just drop the code in the CMS but I don't know how to do it on the product detail page. Specifically I'm using the "Fresh" (modified) theme and want the jQuery fade script on the webassist > themes > Fresh > templates > page.dwt.php.

I'm not sure where to put the "slideshow-fade" folder which contains the jQuery code for the page.dwt.php. For the home page I put the "slideshow-fade" folder in the main (or root) directory.

still put the slideshow fade folder in the root.

on the template page, change the paths to the jquery files to move down one directory to find the files.

That worked. Thank you.
Tim

I'm now noticing on my cart.php page that this jQuery slider is positioned differently and covering the cart contents. Why is this different than other pages? What can I do to fix it?

this would be caused by the placement of the slider in the cart page.

make sure the slider is in it's own div

I have not positioned it on the cart.php page itself -- it is part of the page.dwt.php template page. And I do have it in it's own div.

i have nothing but guesses without being able to see the problem, but it must be conflicting css.

i would need to see the page to have any further ideas.

I thought it might be tough without seeing it.

right now, you have the fade div inside the logo div.

the fade div should be just after the logo div, the structure should be:
div -top
div - logo
div- fade
div - search

set a width for each div, and float each one left.

for the fade div, set margin left equal to logo width. for the search div, set margin left equal to logo + fade width.