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,645

Results 941 to 960 of 2,344
17 Apr 2008, 1:04 AM
#941
jettrue avatar

jettrue

Totally Zenned

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

CSS Dropdown menu for the header- With Categories!

eggrush:

ahhhhh! ok i work on a mac and i just switched on my pc and found that the categories tab in internet explorer on vista when opened out to reveal the sub cats is going behind the flash swf. file i have on my home page, not good, anyone know how to flip it so its the other way around???

https://www.canvas-style-art.co.uk

egg:frusty:

No, IE does this pretty much by default, so my advice is to either choose flash or the drop menu, both don't work well together. Or move the flash further down the page.

17 Apr 2008, 1:14 AM
#942
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!

eggrush:

hi and tkanks for the reply, i am still a bit new to this , can you point me in the right direction as to which code to take out!

cheers

egg:oops:

Remember, you don't be afraid to open up the file and give some things a try. Simply save an original copy in case things get messed up. Remember all it takes is uploading the original to get it right back to where it was before. But here are detailed instructions. To remove the Home-Login-Search section:

<div id="navMainWrapper">
<div id="navMain">
    <ul class="back">
    <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>
<?php if ($_SESSION['customer_id']) { ?>
    <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, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
<?php
      } else {
        if (STORE_STATUS == '0') {
?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
<?php } } ?>

<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php }?>
</ul>
</div>
<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
<br class="clearBoth" />
</div>

To remove the logo only, remove this chunk only:

    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>

To remove the tagline, remove this section:

<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
    <div id="taglineWrapper">
<?php
              if (HEADER_SALES_TEXT != '') {
?>
      <div id="tagline"><?php echo HEADER_SALES_TEXT;?></div>
<?php
              }
?>
<?php
              if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
                if ($banner->RecordCount() > 0) {
?>
      <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>
<?php
                }
              }
?>
    </div>
<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
17 Apr 2008, 10:26 AM
#943
mystica avatar

mystica

New Zenner

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

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

Hi,
i downloaded and installed the Horizontal menu from
http://www.zen-cart.com/index.php?main_page=product_contrib_info&cPath=40_47&products_id=479
however, i get a vertical menu (both in ie and firefox)!
what can i check to get it solved?
here is the link where you can see it
http://vinineb.webhosting4free.info/zencart/
thanks!

17 Apr 2008, 11:03 AM
#945
ces avatar

ces

Zen Follower

Join Date:
Nov 2004
Location:
West Mids, England
Posts:
199
Plugin Contributions:
0

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

Hi
You are missing at least one file.
includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css

Check you have loaded all the files and in the right place.

Four your classic template the above file should be in:
includes/templates/classic/css/stylesheet_header_menu.css

Craig

17 Apr 2008, 11:13 AM
#946
mystica avatar

mystica

New Zenner

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

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

hi
thanks a lot!
yes that was missing!
now in firefox the dropdown menu works fine but in ie nothing happens when i rollover
what could be the reason for that?
thanks!

17 Apr 2008, 11:19 AM
#947
ces avatar

ces

Zen Follower

Join Date:
Nov 2004
Location:
West Mids, England
Posts:
199
Plugin Contributions:
0

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

Seems to be working for me.

What version of IE? There is a special file that should be included for it to work with IE6 and previous I think. Search this thread for clues. (csshover.htc)

Looks fine in English, but I think you need some language defines for the Italian.

Again, search this thread for help on using 2 languages.

17 Apr 2008, 11:44 AM
#948
eggrush avatar

eggrush

Zen Follower

Join Date:
Apr 2007
Posts:
153
Plugin Contributions:
0

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

jettrue:

No, IE does this pretty much by default, so my advice is to either choose flash or the drop menu, both don't work well together. Or move the flash further down the page.
thanks for this advice, i have taken down the flash and put up featured products instead, looks much better, thanks for all your advice xx

18 Apr 2008, 10:05 PM
#949
mountain_mama avatar

mountain_mama

New Zenner

Join Date:
Nov 2006
Location:
8,600 ft in the Rocky Montains of Colorado
Posts:
23
Plugin Contributions:
0

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

I am sorry if an answer to this question has been posted before. I would like to simply add subcategory css dropdowns to the regular category tabs menu. I would like the categories and the subcategories to be dynamically generated (as the categories are now). I know only a tiny bit of php. Has anyone done this and could they supply me with the code?

Thank you!

19 Apr 2008, 12:15 AM
#950
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!

Mountain Mama:

I am sorry if an answer to this question has been posted before. I would like to simply add subcategory css dropdowns to the regular category tabs menu. I would like the categories and the subcategories to be dynamically generated (as the categories are now). I know only a tiny bit of php. Has anyone done this and could they supply me with the code?

Thank you!

This menu does that already, if you're talking about getting css dropdowns in the default zen cart menu (vertical, in a sidebox), check out this mod:

CSS Flyout Menu

19 Apr 2008, 12:29 AM
#951
mountain_mama avatar

mountain_mama

New Zenner

Join Date:
Nov 2006
Location:
8,600 ft in the Rocky Montains of Colorado
Posts:
23
Plugin Contributions:
0

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

Hello!

What I would like is just to use the regular horizontal category tabs menu that lists categories across the top but add a drop down function under each category for the subcategories. Does that make sense?

I have your lovely mod which adds a new horizontal menu and has the categories dropping down from 'category' which is not what I need for this store (although it is exactly what I needed for another store!)

Any ideas? I can create css drop downs but I am unsure of how to add the dynamically generated subcategories.

Thank you!

19 Apr 2008, 12:35 AM
#952
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!

Mountain Mama:

Hello!

What I would like is just to use the regular horizontal category tabs menu that lists categories across the top but add a drop down function under each category for the subcategories. Does that make sense?

I have your lovely mod which adds a new horizontal menu and has the categories dropping down from 'category' which is not what I need for this store (although it is exactly what I needed for another store!)

Any ideas? I can create css drop downs but I am unsure of how to add the dynamically generated subcategories.

Thank you!

"Pauls Version" does this, though some people had issues with it:

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

21 Apr 2008, 9:51 AM
#954
100asa avatar

100asa

Totally Zenned

Join Date:
Oct 2006
Location:
Italy
Posts:
636
Plugin Contributions:
0

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

jettrue:

Hmm, you should ask this in the general forum, I've never dealt with multiple languages. But realize that zen cart won't automatically translate words for you, so if you didn't define the english equivalent somehow, there's no way for zen cart to know what it is supposed to be. Anyway, I'd ask in the general forum, perhaps someone will have the answer.

To have ezpages multilanguage I've installed this mod:
http://www.zen-cart.com/index.php?main_page=product_contrib_info&cPath=40_47&products_id=113
The strange thing (I use your mod from many time) new ezpages don't appear in the header bar (see now, at http://www.100asa.it/?language=en&sort=6a after discount coupon, You should see the events page, in fact if you click ok the page appear)

21 Apr 2008, 10:50 AM
#955
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!

100asa:

To have ezpages multilanguage I've installed this mod:
http://www.zen-cart.com/index.php?main_page=product_contrib_info&cPath=40_47&products_id=113
The strange thing (I use your mod from many time) new ezpages don't appear in the header bar (see now, at http://www.100asa.it/?language=en&sort=6a after discount coupon, You should see the events page, in fact if you click ok the page appear)

I'm not sure.. have you asked in the ezpages multilanguage thread? Perhaps the two don't work well together....

21 Apr 2008, 10:57 AM
#956
100asa avatar

100asa

Totally Zenned

Join Date:
Oct 2006
Location:
Italy
Posts:
636
Plugin Contributions:
0

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

and why don't appear my last ezpages?
have you seen http://www.100asa.it/?language=en&sort=6a after discount coupons? don't appear "events" (ezpages)

21 Apr 2008, 3:58 PM
#957
ranger_lp avatar

ranger_lp

Zen Follower

Join Date:
Feb 2004
Location:
New York
Posts:
269
Plugin Contributions:
1

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

I'll apologize upfront if this has been asked before but is there a way to change the case of the header words to initial cap (i.e.: HOME -> Home)?

TIA

21 Apr 2008, 10:05 PM
#958
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!

100asa:

and why don't appear my last ezpages?
have you seen http://www.100asa.it/?language=en&sort=6a after discount coupons? don't appear "events" (ezpages)

If you have turned them on under "Tools", "Ezpages", and given them a sort order number, I have absolutely no idea.

21 Apr 2008, 10:05 PM
#959
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!

ranger_lp:

I'll apologize upfront if this has been asked before but is there a way to change the case of the header words to initial cap (i.e.: HOME -> Home)?

TIA

Yup, remove this from includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css:

text-transform:uppercase;

26 Apr 2008, 11:55 PM
#960
barrymcq avatar

barrymcq

New Zenner

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

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

Hi all,

I'm relatively new to zencart (just finishing up my first site).
I've figured out everything I've needed to except this last item.

I have four top level categories and I would like those to be on the main CSS menu with the dropdown containing the sub directories.

I've tried to customize this menu and I've even looked at Paul's version which does what I want in a split menu version. I guess I'm still to new to PHP to "get" it.

Could someone please nudge me in the right direction here?
Do I need to generate a new categories_ul_generator.php or can I use the existing one and just change the tpl_drop_menu.php?

Any help would be appreciated as I'm starting to get a little frustrated.

By the way Jettrue really nice menu! this threads getting a little long though ;-) I read the entire thing though.