| |

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.

Similar Posts

0 Comments

  1. 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 Reply

Your email address will not be published. Required fields are marked *