go to your original zen-cart download folder, to the "docs" folder and read the "JScript Override How-To" (who knew there were these great files right here in the folder???)
for quick reference, here is what that says:
Site-Wide jscript's
jscript*.js files -- to be "linked" by your site
Any file in the includes/templates/{template_directory}/jscript/ directory with the following filename format will be loaded globally on every page of your shop:
jscript_{unique_name}.js
(where {unique_name} can be anything you want)
Effectively, the file will be loaded as if you had inserted the following into an HTML page:
<script language="javascript" src="includes/templates/{template_directory}/jscript/jscript_{unique_name}.js"></script>
jscript*.php files -- to be "included" in your HTML content sent to the browser, inline.
If you need to control the content of certain PHP variables inside jscript code on the page, OR if you need to include several <script>...</script> tags, use a jscript_*.php file instead.
However, in this case, you DO need to include the <script .... > and </script> tags in the file.
Page-Specific jscript's
For page-specific operation, put the file under the /includes/modules/pages/{pagename}/ folder.
jscript*.js files -- to be "linked" by your site
NOTE: jscript_*.js files must not contain any <script...> .... </script> tags. They should contain ONLY the contents that are to go "between" those tags.
jscript*.php files -- to be "included" in your HTML content sent to the browser, inline.
If you need to control the content of certain PHP variables inside jscript code on the page, use a jscript_*.php file.
However, in this case, you DO need to include the <script .... > and </script> tags in the file.
so, to apply this instruction to our situation:
1. download and rename the two script files you can get off that website to:
jscript_add-event.js and jscript_popup.js
2. place them in the correct folder, as described above
3.code your links in the footer (or wherever) as described in that website, should be something like this:
Code:
<ul id="bottomMenuStyle">
<li><a href="http://www.hsus.org" rel="popup console 820 700
noicon"><img src="http://www.customk9design.com/catalogzen
/includes/templates/darkness/images/humanesociety.gif"
alt="Humane Society" width="290" height="55"/></a></li>
<li><a href="http://www.mozilla.com/en-US/firefox/organic
/?from=sfx&uid=0&t=353570" rel="popup console 950 700
noicon"><img src="http://www.customk9design.com/catalogzen
/includes/templates/darkness/images
/organicfirefox.jpg"width="115" height="55" border="0"/>
</a></li>
</ul>
note the following:
1. create a ul, and list your items
2. should have a href to site, then that "rel=" code... you can change the dimensions from what the site creates originally (i started with 800x600 then modified based on the link)
3. i have mine linked to an image (this is optional)
4. if not linking to an image, just have your text here:
rel="popup console 950 700 noicon">CLICK HERE FOR BLAH</a></li>
because of how zen cart is set up, it should auto call those jscripts as long as you name them correctly and put them in the correct folder as described above. you DO NOT need to input any code at the top of the page, or anything like that.
TOO EASY!!! (advice by Customk1)