Designparc » Zen Cart EZ Pages http://designparc.com Logo design, WordPress customization, Website design, Search engine optimization Fri, 30 Jul 2010 07:30:36 +0000 en hourly 1 http://wordpress.org/?v=abc Zen Cart – Adding jQuery Tabbed Content Box to Zen Cart EZ Pages http://designparc.com/1293 http://designparc.com/1293#comments Tue, 24 Nov 2009 07:38:32 +0000 admin http://designparc.com/?p=1293 (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.

]]> http://designparc.com/1293/feed 1