register | login
02:20AM, May 22, 2006
Great javascript to make product pictures really stand out:
http://cow.neondragon.net/stuff/reflection/
04:32AM, May 22, 2006
Great ! Thanks.
09:13PM, May 30, 2006
OMG that is awesome. very web 2.0!
any chance this could be implemented?
12:40AM, May 31, 2006
You can use this already. Just upload the JS, link it up with
{{ 'reflection.js' | asset_url | script_tag }}
in your <head> area and add the class to the images in the products screen and browse screen like they describe.
<head>
05:36AM, Jun 23, 2006
Where do I add the class in the dropify theme – which page and exactly where? (sorry, im a newb at this)
11:32PM, Jun 24, 2006
It’s in your theme.liquid file in between the
11:34PM, Jun 24, 2006
Sorry, in between the
<head></head>
05:43AM, Oct 23, 2006
Hi Tobi,
Sorry if it is very simple doubt, but I can’t seem to understand how to do this
“add the class to the images in the products screen”
In normal html, I see I have to just add
<img src="....." class="reflect" />
But, how can I integrate this with my product images?
Thanks in advance…
04:52AM, Jan 12, 2007
Anyone figure this out yet? I’m still having issues with this, any help would be greatly appreciated.
07:49AM, Jan 12, 2007
In your admin:
go to “look and feel”
1)choose “theme.liquid”
Just before the </head> tag add the following code:
</head>
<script type="text/javascript" src="http://cow.neondragon.net/stuff/reflection/reflection.js"></script>
Then save
2)choose “product.liquid”
Find the image tag. Eg.
<img src="{{ image | product_img_url: 'medium'}}" alt="{{product.title}}"/>
Add the reflect class, eg.
<img src="{{ image | product_img_url: 'medium'}}" alt="{{product.title}}" class="reflect" />
That should be it.
Note: Ideally you’ll download the reflect.js file and upload it to your own server, rather than just piggy-backing off the author’s site.
HTH
Last edited 06:02AM, Jan 13, 2007
I tried to implement a round corner javascript but it needed to be passed some parameters. Is there any way to pass parameters to a script?
login or Sign up for an account to reply.
04:32AM, May 22, 2006
Great ! Thanks.
09:13PM, May 30, 2006
OMG that is awesome. very web 2.0!
any chance this could be implemented?
12:40AM, May 31, 2006
You can use this already. Just upload the JS, link it up with
{{ 'reflection.js' | asset_url | script_tag }}in your
<head>area and add the class to the images in the products screen and browse screen like they describe.05:36AM, Jun 23, 2006
Where do I add the class in the dropify theme – which page and exactly where? (sorry, im a newb at this)
11:32PM, Jun 24, 2006
It’s in your theme.liquid file in between the
tags.11:34PM, Jun 24, 2006
Sorry, in between the
tags05:43AM, Oct 23, 2006
Hi Tobi,
Sorry if it is very simple doubt, but I can’t seem to understand how to do this
“add the class to the images in the products screen”
In normal html, I see I have to just add
But, how can I integrate this with my product images?
Thanks in advance…
04:52AM, Jan 12, 2007
Anyone figure this out yet? I’m still having issues with this, any help would be greatly appreciated.
07:49AM, Jan 12, 2007
In your admin:
go to “look and feel”
1)
choose “theme.liquid”
Just before the
tag add the following code:Then save
2)
choose “product.liquid”
Find the image tag. Eg.
<img src="{{ image | product_img_url: 'medium'}}" alt="{{product.title}}"/>Add the reflect class, eg.
<img src="{{ image | product_img_url: 'medium'}}" alt="{{product.title}}" class="reflect" />Then save
That should be it.
Note: Ideally you’ll download the reflect.js file and upload it to your own server, rather than just piggy-backing off the author’s site.
HTH
Last edited 06:02AM, Jan 13, 2007
I tried to implement a round corner javascript but it needed to be passed some parameters. Is there any way to pass parameters to a script?