Loading JQuery into Business Catalyst
Hello,
I'm a real newby to all this jQuery and coding stuff. So sorry if i ask stupid obvious questions.
I have built a website in Adobe Muse. I have then loaded this into Business Catalyst (BC).
When using the eCommerce component of BC i want to add a tabbed section to contain product information.
After extensive research i found that using jQuery UI was my solution.
I have been onto the jQuery website and created a template to match my current site and downloaded all the files in the .zip folder.
Now i have become perplexed
All the sites that give instructions to load the files or reference the files on Google drive call to place a line of code in the website template page.
Either:
1) on the site as:
<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>
or
2) via google drive as:
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
And here is my dilemma... where do i put this code?
None f the sites give you an example, except to say put in the header, or the head of the template etc.
I have tried multiple combinations and locations within the template and none appear to be working.
Should i be replacing other code with this new code?
Also, if i wanted to use google drive to increase performance and have downloaded my own style sheet for the look and feel, where does this go if i reference the google drive as indicated by google?
If i load the stylesheet via filezilla into the stylesheet folder, do i just change the stylesheet link to a site path over the google path?
I'm pretty good with instructions, but i can't find any anywhere that tell you where to put it and im getting quite frustrated.
Can anyone help me with simple instructions as to where to put the code and how to best load the stylesheet, then which code to use for the tabbed section in my product template?
I found this quick instruction to insert a slider, but i think that the entire jQuery library may be more complicated?
http://amazingslider.com/how-to-add-jquery-slideshow-to-adobe-muse/
Please. Help. Please.
Thanks, Frustrated Newby