Zen Cart Logo
Forums / All Other Contributions/Addons / CSS Dropdown menu for the header- With Categories!

CSS Dropdown menu for the header- With Categories!

Views: 615,581

Results 1,581 to 1,600 of 2,344
24 May 2009, 12:15 AM
#1581
caborela avatar

caborela

New Zenner

Join Date:
Dec 2008
Posts:
36
Plugin Contributions:
0

CSS Dropdown menu for the header- With Categories!

i installed CSS Flyout Header 1.5 with my zen cart Japanese version 1.3.0.2.

Everthing works fine but the header bar slightly shifted to the right while browsing from IE.

Browsing from FireFox is fine.

Also, the text size of center column in every page (like catagory name, price, attributes, manufacture...etc) became too big for both IE and FireFox.

How can i fix the problems?
Remark: i am using classic template only.

Thanks in advance!

24 May 2009, 4:12 PM
#1582
jettrue avatar

jettrue

Totally Zenned

Join Date:
Jan 2005
Location:
USA, St. Louis
Posts:
3,651
Plugin Contributions:
5

Re: CSS Dropdown menu for the header- With Categories!

caborela:

i installed CSS Flyout Header 1.5 with my zen cart Japanese version 1.3.0.2.

Everthing works fine but the header bar slightly shifted to the right while browsing from IE.

Browsing from FireFox is fine.

Also, the text size of center column in every page (like catagory name, price, attributes, manufacture...etc) became too big for both IE and FireFox.

How can i fix the problems?
Remark: i am using classic template only.

Thanks in advance!

I need to see the actual link.

24 May 2009, 4:42 PM
#1583
caborela avatar

caborela

New Zenner

Join Date:
Dec 2008
Posts:
36
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

Here is the link http://www.bbspice.com/zen/
Thanks!!!

24 May 2009, 4:49 PM
#1584
caborela avatar

caborela

New Zenner

Join Date:
Dec 2008
Posts:
36
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

And i actually got 1 more problem after i changed the header menu to japanese.

i got the following message after click add to cart button!

Warning: Cannot modify header information - headers already sent by (output started at /home/bbspice/domains/bbspice.com/public_html/zen/includes/languages/japanese/extra_definitions/classic/headermenu.php:6) in /home/bbspice/domains/bbspice.com/public_html/zen/includes/functions/functions_general.php on line 41

:(:(:(

25 May 2009, 4:13 AM
#1585
caborela avatar

caborela

New Zenner

Join Date:
Dec 2008
Posts:
36
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

Hi jettrue

all problems are solved after i removed the <head> section from the following file.
includes/languages/japanese/extra_definitions/classic

i think the problem was that i used text editor to save the page in japanese language so that it automatically generated the following code in the header.
"<head><meta http-equiv="Content-Type" content="text/html; charset=euc-jp"></head>"

But not sure why the drop down menu run very slow in IE? (firefox run fast)

thanks jettrue !!!

25 May 2009, 2:15 PM
#1586
jettrue avatar

jettrue

Totally Zenned

Join Date:
Jan 2005
Location:
USA, St. Louis
Posts:
3,651
Plugin Contributions:
5

Re: CSS Dropdown menu for the header- With Categories!

caborela:

Hi jettrue

all problems are solved after i removed the <head> section from the following file.
includes/languages/japanese/extra_definitions/classic

i think the problem was that i used text editor to save the page in japanese language so that it automatically generated the following code in the header.
"<head><meta http-equiv="Content-Type" content="text/html; charset=euc-jp"></head>"

But not sure why the drop down menu run very slow in IE? (firefox run fast)

thanks jettrue !!!

So the left menu issue is fixed in IE?

I did notice that you have a validation issue, you have an extra </td></tr></table> at the end of your source:

 [B] </td></tr>

</table>[/B]</div>
<!--bof- parse time display -->
<!--eof- parse time display -->
<!--bof- banner #6 display -->
<!--eof- banner #6 display -->
</body></html>

You can delete those they are extra.

25 May 2009, 4:02 PM
#1587
caborela avatar

caborela

New Zenner

Join Date:
Dec 2008
Posts:
36
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

Yes, the left menu issue is fixed too.

where (Which file) to remove the extra code?

also, is there any way to make my drop down menu run faster in IE?

thanks!

25 May 2009, 4:06 PM
#1588
jettrue avatar

jettrue

Totally Zenned

Join Date:
Jan 2005
Location:
USA, St. Louis
Posts:
3,651
Plugin Contributions:
5

Re: CSS Dropdown menu for the header- With Categories!

caborela:

Yes, the left menu issue is fixed too.

where (Which file) to remove the extra code?

also, is there any way to make my drop down menu run faster in IE?

thanks!

I don't know where you added the extra code. Try the tpl_footer.php, since its near the bottom of the page.

27 May 2009, 12:27 AM
#1589
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

Hi i was wondering if this was possible? Iam using the classic template, but i want to have a tabbed horizontal header menu, where the links are under the banner, like the Header Dropdown Menu (CSS) mod.

So i was wondering if i could use thios mod & change it so, it doesn't dropdown & the links displays the same as my categories?

And how would i do this?

Thanks, hope somebody can help. Thanks :bigups:

28 May 2009, 11:08 PM
#1590
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

Hi,

I just noticed some strange behaviour with my dropdown menu at https://www.limelites.co.uk

Hover over the 'information' menu and it will drop down, but if your mouse is left of centre, the drop down goes away when you try to move the mouse over the sub menu items. Your mouse has to be right of centre before moving down over the sub menu panel.

Weirder still, it only happens if you allow the page to fully load before hovering over 'information'

Any ideas what's wrong with this please?

31 May 2009, 6:17 PM
#1591
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

The html TABLE For the currency dropdown is situated slightly over the Information box, and that is interfering with the drop down... to fix will take a bit of juggling with the CSS...

1 Jun 2009, 11:44 AM
#1592
ggvl avatar

ggvl

New Zenner

Join Date:
Jan 2009
Posts:
23
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

Hello All

I've just installed this on a test site (using the excellent Cherry-Zen template) and it all works a dream.

If possible, instead of having 'Categories' as a top level link, I'd like to have the second level of categories displayed instead (By Price, By Brand, By Type, By Activity).

Categories

  • By Price (these all have sub-categories)
  • By Brand
  • By Type
  • By Activity

I've found the relevant code in tpl_drop_menu.php (as below) but have no idea how to amend it, or even if it is possible to do.

Any suggestions would be most appreciated.

          <?php

// load the UL-generator class and produce the menu list dynamically from there
require_once (DIR_WS_CLASSES . 'categories_ul_generator.php');
$zen_CategoriesUL = new zen_categories_ul_generator;
$menulist = $zen_CategoriesUL->buildTree(true);
$menulist = str_replace('"level4"','"level5"',$menulist);
$menulist = str_replace('"level3"','"level4"',$menulist);
$menulist = str_replace('"level2"','"level3"',$menulist);
$menulist = str_replace('"level1"','"level2"',$menulist);
$menulist = str_replace('<li class="submenu">','<li class="submenu">',$menulist);
$menulist = str_replace("</li>\n</ul>\n</li>\n</ul>\n","</li>\n</ul>\n",$menulist);
echo $menulist;
?>

Many thanks

10 Jun 2009, 3:53 AM
#1593
sikocan avatar

sikocan

New Zenner

Join Date:
Sep 2008
Posts:
3
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

Great work guys! Thanks!
http://www.1800computers.com.au/shop :clap:

10 Jun 2009, 4:34 AM
#1594
aly22 avatar

aly22

Zen Follower

Join Date:
Feb 2008
Posts:
174
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

Yes thank you for an amazing job!! I was able to include all the pages the client wanted exactly as she requested! She couldn't be more thrilled!

Here's the site I have it running on:

http://www.countrycookieconnection.com/store/

(PS. I just did the web site, I am not associated with the cookies themselves but they are amazing!)

22 Jun 2009, 12:26 AM
#1595
linux avatar

linux

Zen Follower

Join Date:
Apr 2004
Posts:
173
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

Hi, I ran into a little problem and cannot find the answer. I added the CSS drop down menu but still have the above bar with Home & Log.

I have attached a picture.

How do I remove them?

Thanks.

26 Jun 2009, 7:40 AM
#1596
brian_flanagan avatar

brian_flanagan

New Zenner

Join Date:
Dec 2007
Posts:
48
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

Hi everyone,

It's been ages since I've needed to ask for help here. I (thanks to Zen Cart and this forum) successfully setup a store for my wife (w w w dot i m a g i n a r t dot c o m dot a u) which has been working great. I have now been asked to do one for someone else, which I figured wouldn't be too hard now that I've done one. Wrong! I've only just started this site and I already have an issue! You can see the site at w w w dot h o l i s t i q u e c o s m e t i c s dot c o m / s h o p

The site is very bare as I thought I'd get the module I hadn't used before working before I did anything else. The module I'm having issues with is the CSS Horizontal Drop Down Menu module - hence why I'm writing here! lol

The main headings are fine, but under Information, I wanted to add two other menus. Privacy and FAQ. As you can see there are a few issues.

I used the About Us module to add these two pages. I have used this many times on the site I did for my wife and didn't have a problem. The only difference I can see is the editing of the information.php file vs the editing of the tpl_drop_menu.php file.

The issues are...

  1. The name in the drop down menu says HEADER_TITLE_X instead of just X. Where did I go wrong?

  2. If you click on FAQ, the bars down the bottom vanish, yet with Privacy they don't??? Also a back button has appeared on the Privacy page which I don't want.

I'm not sure what code you need to see, but below is the includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php - if you need to see any others then please let me know.

<?php
//
// +----------------------------------------------------------------------+
// |zen-cart Open Source E-commerce                                       |
// +----------------------------------------------------------------------+
// | Copyright (c) 2003 The zen-cart developers                           |
// |                                                                      |
// | http://www.zen-cart.com/index.php                                    |
// |                                                                      |
// | Portions Copyright (c) 2003 osCommerce                               |
// +----------------------------------------------------------------------+
// | This source file is subject to version 2.0 of the GPL license,       |
// | that is bundled with this package in the file LICENSE, and is        |
// | available through the world-wide-web at the following url:           |
// | http://www.zen-cart.com/license/2_0.txt.                             |
// | If you did not receive a copy of the zen-cart license and are unable |
// | to obtain it through the world-wide-web, please send a note to       |
// | [email protected] so we can mail you a copy immediately.          |
// +----------------------------------------------------------------------+
// $Id: tpl_drop_menu.php  2005/06/15 15:39:05 DrByte Exp $
//

?>
<!-- menu area -->
<div id="dropMenuWrapper">
  <div id="dropMenuWrapperb">
    <div id="dropMenuWrapperc">
      <div id="dropMenuWrapperd">
        <div id="dropMenu">
          <ul class="level1">
            <li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a>
              <ul class="level2">
<!--                <li><a href="<?php echo zen_href_link(FILENAME_PRODUCTS_NEW); ?>"><?php echo HEADER_TITLE_NEW_PRODUCTS; ?></a></li> -->
<!--                <li><a href="<?php echo zen_href_link(FILENAME_PRODUCTS_ALL); ?>"><?php echo HEADER_TITLE_ALL_PRODUCTS; ?></a></li> -->
<!--                <li><a href="<?php echo zen_href_link(FILENAME_SPECIALS); ?>"><?php echo HEADER_TITLE_SPECIALS; ?></a></li> -->
<!--                <li><a href="<?php echo zen_href_link(FILENAME_ADVANCED_SEARCH); ?>"><?php echo HEADER_TITLE_SEARCH; ?></a></li> -->
              </ul>
            </li>
            <li class="submenu"><a href="<?php echo zen_href_link(FILENAME_SITE_MAP); ?>"><?php echo HEADER_TITLE_CATEGORIES; ?></a>
              <?php

 // load the UL-generator class and produce the menu list dynamically from there
 require_once (DIR_WS_CLASSES . 'categories_ul_generator.php');
 $zen_CategoriesUL = new zen_categories_ul_generator;
 $menulist = $zen_CategoriesUL->buildTree(true);
 $menulist = str_replace('"level4"','"level5"',$menulist);
 $menulist = str_replace('"level3"','"level4"',$menulist);
 $menulist = str_replace('"level2"','"level3"',$menulist);
 $menulist = str_replace('"level1"','"level2"',$menulist);
 $menulist = str_replace('<li class="submenu">','<li class="submenu">',$menulist);
 $menulist = str_replace("</li>\n</ul>\n</li>\n</ul>\n","</li>\n</ul>\n",$menulist);
 echo $menulist;
?>
            </li>
            <li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_INFORMATION; ?></a>
              <ul class="level2">
			    <?php if (DEFINE_SHIPPINGINFO_STATUS <= 1) { ?>
<!--                <li><a href="<?php echo zen_href_link(FILENAME_SHIPPING); ?>"><?php echo HEADER_TITLE_SHIPPING_INFO; ?></a></li> -->
				<?php } ?>
				<?php if (DEFINE_CONDITIONS_STATUS <= 1) { ?>
<!--                <li><a href="<?php echo zen_href_link(FILENAME_CONDITIONS); ?>"><?php echo HEADER_TITLE_CONDITIONS_OF_USE; ?></a></li> -->
				<?php } ?>
                <li><a href="<?php echo zen_href_link(FILENAME_FAQ); ?>"><?php echo HEADER_TITLE_FAQ; ?></a></li>
                <li><a href="<?php echo zen_href_link(FILENAME_PRIVACY); ?>"><?php echo HEADER_TITLE_PRIVACY; ?></a></li>
                <?php if (DEFINE_SITE_MAP_STATUS <= 1) { ?>
<!--                <li><a href="<?php echo zen_href_link(FILENAME_SITE_MAP); ?>"><?php echo HEADER_TITLE_SITE_MAP; ?></a></li> -->
                <?php } ?>
                <?php if (MODULE_ORDER_TOTAL_GV_STATUS == 'true') { ?>
<!--                <li><a href="<?php echo zen_href_link(FILENAME_GV_FAQ, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_GV_FAQ; ?></a></li> -->
                <?php } ?>
                <?php if (MODULE_ORDER_TOTAL_COUPON_STATUS == 'true') { ?>
<!--                <li><a href="<?php echo zen_href_link(FILENAME_DISCOUNT_COUPON, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_DISCOUNT_COUPON; ?></a></li> -->
                <?php } ?>
                <?php if (SHOW_NEWSLETTER_UNSUBSCRIBE_LINK == 'true') { ?>
<!--                <li><a href="<?php echo zen_href_link(FILENAME_UNSUBSCRIBE, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_UNSUBSCRIBE; ?></a></li> -->
                <?php } ?>
                <?php require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . 'ezpages_drop_menu.php'); ?>
              </ul>
            </li>
            <li><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CONTACT_US; ?></a></li>
            <li class="submenu"><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a>
              <ul class="level2">
                <?php if ($_SESSION['customer_id']) { ?>
                <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
                <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
                <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT_NEWSLETTERS, '', 'SSL'); ?>"><?php echo HEADER_TITLE_NEWSLETTERS; ?></a></li>
                <?php } else { ?>
                <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
                <li><a href="<?php echo zen_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CREATE_ACCOUNT; ?></a></li>
                <?php } ?>
              </ul>
            </li>
            <?php if ($_SESSION['cart']->count_contents() != 0) { ?>
            <li class="submenu"><a class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>
              <ul class="level2">
                <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
              </ul>
            </li>
            <?php } else { ?>
            <li><a class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
            <?php } ?>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div><!-- end dropMenuWrapper-->
<div class="clearBoth"></div>

Any help would be very much appreciated.

Kind Regards,

Brian

27 Jun 2009, 11:23 AM
#1597
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

Hi, this is the 1st time i used this mod & it looks great :clap:

I hope somebody can help me with my problem.

I've modified my template to 950px and the header looks great, but when hover over to the dropdown menu, the link boxes below, are so much smaller than the header. How would i modify it, so that the dropdown menu is the same width as the header???

Thanks, hope somebody can help. :bigups:

27 Jun 2009, 11:32 AM
#1598
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

hcd888:

Hi, this is the 1st time i used this mod & it looks great :clap:

I hope somebody can help me with my problem.

I've modified my template to 950px and the header looks great, but when hover over to the dropdown menu, the link boxes below, are so much smaller than the header. How would i modify it, so that the dropdown menu is the same width as the header???

Thanks, hope somebody can help. :bigups:

A URL to your site would be useful, but the width of each element is controlled in the CSS file that ships with this mod... You'll see a few references to width in that file, just play with the percentages... might even be easier to change them to px;

27 Jun 2009, 12:35 PM
#1599
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

Hi the site is http:// p o l y - f a s h i o n . c o . u k /index.php?main_page= Thanks

27 Jun 2009, 1:50 PM
#1600
jettrue avatar

jettrue

Totally Zenned

Join Date:
Jan 2005
Location:
USA, St. Louis
Posts:
3,651
Plugin Contributions:
5

Re: CSS Dropdown menu for the header- With Categories!

Brian Flanagan:

Hi everyone,

It's been ages since I've needed to ask for help here. I (thanks to Zen Cart and this forum) successfully setup a store for my wife (w w w dot i m a g i n a r t dot c o m dot a u) which has been working great. I have now been asked to do one for someone else, which I figured wouldn't be too hard now that I've done one. Wrong! I've only just started this site and I already have an issue! You can see the site at w w w dot h o l i s t i q u e c o s m e t i c s dot c o m / s h o p

The site is very bare as I thought I'd get the module I hadn't used before working before I did anything else. The module I'm having issues with is the CSS Horizontal Drop Down Menu module - hence why I'm writing here! lol

The main headings are fine, but under Information, I wanted to add two other menus. Privacy and FAQ. As you can see there are a few issues.

I used the About Us module to add these two pages. I have used this many times on the site I did for my wife and didn't have a problem. The only difference I can see is the editing of the information.php file vs the editing of the tpl_drop_menu.php file.

The issues are...

  1. The name in the drop down menu says HEADER_TITLE_X instead of just X. Where did I go wrong?

  2. If you click on FAQ, the bars down the bottom vanish, yet with Privacy they don't??? Also a back button has appeared on the Privacy page which I don't want.

Any help would be very much appreciated.

Kind Regards,

Brian

  1. You haven't uploaded all files into their correct spots. Check, double and triple check, (hint, you're missing a language file)

  2. Reload the original files for the FAQ, you must have made a change somewhere.