=========================================

CSS Flyout Header for Zen Cart v1.5

=========================================

*~PLEASE READ THIS ENTIRE README.TXT BEFORE INSTALLING~*

Designed by Jade True - www.sagefish.com

Designed and tested on Zen Cart versions 1.3.6, 1.3.7 and 1.3.8

Tested Browsers: FireFox v1.5.0.4, FireFox 2.0, Opera v9.0, Safari 2.0.4, IE6***,
IE7
*** Read the install section below for important information regarding IE6 and
earlier support!!

You can view this menu in action at:

http://www.zencart137.jadetrue.com

Menu Support Thread:

http://www.zen-cart.com/forum/showthread.php?t=58629

*******************************************************
There are no restrictions on using this menu. Donations are not required, but
accepted via Paypal at these addresses:

payments@jadetrue.com
jade@jadetrue.com (funded payments only)

Don't forget to donate to Zen Cart as well: http://www.zen-

cart.com/index.php?main_page=infopages&pages_id=14
*******************************************************

This add-on will allow you to have a horizontal css based flyout menu for your zen
cart header. This mod was built upon a previous version for earlier versions of
zen cart.

=====================================
Steps to Install CSS Flyout Header
=====================================

1. Be sure to change all folders named YOUR_TEMPLATE to your actual template name.

2. Upload the files to your website, retaining the folder structure.

3. If you have heavily modified your

includes/templates/YOUR_TEMPLATE/common/tpl_header.php, instead of uploading the
tpl_header.php included in this download, you can simply add this to your header
where you'd like the css menu to appear:

<!--bof-drop down menu display-->

<?php require($template->get_template_dir('tpl_drop_menu.php',DIR_WS_TEMPLATE,
$current_page_base,'common'). '/tpl_drop_menu.php');?>
<!--eof-drop down menu display-->
<div class="clearBoth"></div>

4. I've added the ability to have your ezpages automatically shown in the
INFORMATION drop down menu. To get this to work, follow these steps:

--> go to your admin, and go to "Tools", "Layout Boxes controller". There should
be a new sidebox (ezpages_drop_menu.php). You must turn the SINGLE COLUMN STATUS
TO ON, leave the LEFT/RIGHT COLUMN STATUS off.--> Under "Tools", "EZPages", make
sure the ezpages are set to ON for the header. The sort orders also have to be
greater than "0".

--> If you want to have the regular zen cart horizontal header bar off, go to
"Configuration", "EZPages Settings", and turn the header bar display status to off
(0).

5. For full compatibility with IE browsers prior to IE7, you can add the sample
code within the "additions to .htaccess" file to your ROOT folder's .htaccess file
(if no file exists, you can create one. NOTE- if you were looking in your root
folder, the .htaccess file would belong right above the "admin" folder). For
example:

.htaccess <-- .htaccess belongs here

admin
cache
download
editors
email
etc.

FIRST check your includes/configure.php file to see if your website is defined as

"http://www.yoursite.com" or "http://yoursite.com". Be sure to change "yoursite"
to your actual site name.

If your website is defined as "http://www.yoursite.com" enter this into your root

folders .htaccess file:

RewriteEngine OnRewriteCond %{HTTP_HOST} ^yoursite.com$ [NC]RewriteRule ^(.*)$

http://www.yoursite.com/$1 [R=301,L]

If your website is defined as "http://yoursite.com" enter this into your root

folders .htaccess file:

RewriteEngine OnRewriteCond %{HTTP_HOST} ^www.yoursite.com$ [NC]RewriteRule ^(.*)$

http://yoursite.com/$1 [R=301,L]

6. I've added a "hidden" link for an about us page in the information menu. If
you'd like an about us page added to your site, you can add it to your site with
this mod here:

http://www.zen-
cart.com/index.php?main_page=product_contrib_info&cPath=40_47&products_id=182

Then to add the about us link to your drop down menu, open up
includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php and change this:

<!--<li><a href="<?php echo zen_href_link(FILENAME_ABOUT_US); ?>"><?php echo

HEADER_TITLE_ABOUT_US; ?></a></li>-->

to this:

<li><a href="<?php echo zen_href_link(FILENAME_ABOUT_US); ?>"><?php echo

HEADER_TITLE_ABOUT_US; ?></a></li>
=====================================
Files Included in CSS Flyout Header
=====================================

==additions_to_.htaccess
==includes/classes/categories_ul_generator.php
==includes/csshover.htc
==includes/languages/english/extra_definitions/YOUR_TEMPLATE/headermenu.php
==includes/modules/sideboxes/YOUR_TEMPLATE/ezpages_drop_menu.php
==includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php
==includes/templates/YOUR_TEMPLATE/common/tpl_header.php
==includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css
==includes/templates/YOUR_TEMPLATE/sideboxes/tpl_ezpages_drop_menu.php

=====================================
Customizing the CSS Flyout Header
=====================================

You can modify the text used in your header by opening up

includes/languages/english/extra_definitions/YOUR_TEMPLATE/headermenu.php

You can add or remove links from the header menu by opening up
includes/templates/YOUR_TEMPLATE/tpl_drop_menu.php. HOWEVER, you can turn off
links such as "Privacy Policy" or "Conditions of Use", etc. from the admin, under
"Configuration", "Define Page Status". (This turns them off anywhere they may be
on the site). If you're not using Gift Certificates or Discount Coupons, you can
turn those off globally by removing their modules under "Modules", "Order Total".

You can change the colors or widths of the header menu by opening up
includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css

=====================================
Version History
=====================================
v1.5 2008-01-18 updated includes/classes/categories_ul_generator.php,
includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php,
includes/templates/YOUR_TEMPLATE/common/tpl_header.php,
includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css.

v.1.4 2007-11-03 updated

includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php,
includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css

v1.3 2007-09-30 updated includes/classes/categories_ul_generator.php,

includes/modules/sideboxes/YOUR_TEMPLATE/ezpages_drop_menu.php,
includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php, and
includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css. The menu will now
be the full width of the width of your header portion of your site, and the menu
items will be spread evenly all the way across.

v1.2 2007-03-21 updated includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php

(added ezpages functionality),
includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css, and added
includes/modules/sideboxes/YOUR_TEMPLATE/ezpages_drop_menu.php and
includes/templates/YOUR_TEMPLATE/sideboxes/tpl_ezpages_drop_menu.php.

v1.1 2007-02-23 updated includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php.

v1.0 2007-02-17 First release