JQuery Plugin Not Working - Fluid Theme

New Member
3 0 1

I'm attemplting to install the following jQuery plugin on my site (http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/) and have done the following so far....

1. Written the initial html in the page i'd like it to appear

2. uploaded all of the .js files into my asset folder

3. copied all CSS and placed in to my styes.scss.liquid

4. attempted, and apparently failed, at calling the .js files in the <head> section of my alternative.liquid layout (this is the layout for the page I want the slider on) with the code

{{ 'gallery.js' | asset_url | script_tag }}
{{ 'jquery.easing.1.3.js' | asset_url | script_tag }}
{{ 'jquery.elastislide.js' | asset_url | script_tag }}
{{ 'jquery.tmpl.min.js' | asset_url | script_tag }}

 

I'm sure i'm miles away from correct here, but if anyone at all could point me in the right direction I'd be very grateful.Any help is appreciated. I'm using the fluid theme.

1 Like
Shopify Expert
650 0 94

Did you add JQuery?

I'm not sure what version you need, but it would look something like this.

{{ '//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' | script_tag }}

 

0 Likes
New Member
1 0 0

Hi there!

I'm troubling the same issues. Every jQuery plugins files were loaded but it seems not working.

0 Likes