I want to make the Shopping II template automatically adjust the template width based on the user’s resolution.
Under 1024×768 I want it to adjust to the slim version, and over 1024×768 I want it to adjust to the wide version. And if for some reason, the resolution cannot be detected (if the user has JavaScript disabled, for example), I would like the default to be the 800×600 width.
I know this can be done with JavaScript, using one of the following scripts, but I need to know how and where exactly to put the code for the Shopping II template:
http://www.pageresource.com/jscript/jscreen.htm
http://www.webmasterworld.com/forum88/4700.htm (JavaScript w/ PHP)
Can someone please tell me how to do this? Thanks!!