close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

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

Thread began 6/14/2013 10:23 am by tim299030 | Last modified 6/14/2013 4:22 pm by Jason Byrnes | 494 views | 8 replies |

tim299030

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.

Sign in to reply to this post

Jason ByrnesWebAssist

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.

Sign in to reply to this post

tim299030

That worked. Thank you.
Tim

Sign in to reply to this post

tim299030

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?

Sign in to reply to this post

Jason ByrnesWebAssist

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

make sure the slider is in it's own div

Sign in to reply to this post

tim299030

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.

Sign in to reply to this post

Jason ByrnesWebAssist

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.

Sign in to reply to this post

tim299030

I thought it might be tough without seeing it.

Sign in to reply to this post

Jason ByrnesWebAssist

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.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...