Zen Cart – Adding jQuery Tabbed Content Box to Zen Cart EZ Pages
23 Nov
(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.
That’s really wow I say because this would be a source of getting inspiration and that is all what is required to start the things, thank you.