Zen Cart – Adding jQuery Tabbed Content Box to Zen Cart EZ Pages

(Using Zen Cart 1.3.8a)

1. jQuery source:

http://net.tutsplus.com/javascript-ajax/create-a-tabbed-interface-using-jquery/

2. Zen Cart integration:

– CSS: Delete “*” and “body” classes from file. Put in template’s css folder (root/includes/templates/CUSTOM TEMPLATE/css). I changed file name from “style.css” to “style_tabbed_content.css”.

– Javascripts: Put all 3 javascript files in jscript folder (root/includes/templates/CUSTOM TEMPLATE/jscript). Must also add jscript_ text to the beginning of each file name (ie: change “jquery-1.2.6.min.js” to “jscript_jquery-1.2.6.min.js”) – this allows Zen Cart to link to your custom javascript via the custom template system.

– HTML: Open original index.html file, copy everything between body tags and paste into an EZ Pages page. HTMLarea must be ON in EZ Pages setup.