Forums

What's the best way for a non-programmer to add a Jquery plug in?

Permalink
Hi, there,

I bought a few plug-ins over at Code Canyon and I'm sort of new to C5 and somehow am convinced this CMS is the way to go. :-)

I'm just wondering how I should approach putting this stuff in a C5 site.

I have html and CSS experience, but not a lot of PHP or Javascript.

I bought LayerSlider and an HTML/Jquery music player for my mp3 recorded material.

Someone have a non-programming way to add this stuff to my site? Especially because there's no blocks or add-ons on it?

I was thinking of going with the Foundation theme so that's probably got the jquery install covered...

Thanks a lot, and any input welcome and appreciated,

- Paul
 
trixiemay replied on at Permalink Reply
trixiemay
Jquery plugins need 3 things to make them work:

1. Jquery plugin uploaded to your web server. Web hosts offer easy frontend interfaces for seeing your web files such as Plesk and cPanel. Talk to your web admin how to login. The Jquery plugin should be in the same directory (folder) as your theme (root folder > concrete5.6.2.1 > themes > name of your theme). NOTE: Concrete5 already has jQuery installed.

2. The link in the head of the template to the javascript (Jquery plugin) on your web server. Something like <script src="http:/www.yourwebsite.com/concrete5.6.2.1/theme/my_theme_name/jquery_plugin_name.js"></script>

3. The script that triggers the action as the page loads (also in the head section) written as
<script="text/javascript">
$(document).ready(function(){
OTHER SCRIPTING GOES HERE
});
</script>

This is impossible to do without some coding.
MattWaters replied on at Permalink Reply
MattWaters
jQuery is included with concrete5, and will be loaded whether or not you're in edit mode.

As long as the script is written to work with the version of jQuery included in the core, it shouldn't take too much effort to get it working. The latest version of concrete5 (5.6.3) for instance, uses jQuery 1.7.2.

Here's a custom block tutorial if you're interested in looking into converting your stuff into a block:
http://www.concrete5.org/documentation/how-tos/developers/understan...