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.

No Comments

  1. Charles on December 9, 2009 at 3:10 am

    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.

Leave a Comment