CSS Dropdown menu for the header- With Categories!
This add-on will allow you to have a horizontal css based flyout menu for your zen cart header. It also display your categories dynamically, along with other useful links for your customers. information. This mod was built upon a previous version built for earlier versions of zen cart.
You can see this mod in action at http://www.applezen.sagefish.com/
It is also integrated into the Apple Zen template found here:
http://www.zen-cart.com/index.php?ma...roducts_id=449
Submitted to the download section.
Re: CSS Dropdown menu for your header- With Categories!
The mod has been submitted to the download section:
Horizontal CSS Drop Down Menu with Categories
Re: CSS Dropdown menu for your header- With Categories!
Thanks for this contribution.
Does this contribution allow your vertical categories to flyout as well or should we download the other contribution (CSS Flyout Menu) if we want this design?
Again, thank you.
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
Rabbcon
Thanks for this contribution.
Does this contribution allow your vertical categories to flyout as well or should we download the other contribution (CSS Flyout Menu) if we want this design?
Again, thank you.
No, it doesn't not have vertical categories.... but technically you could use this mod, and it would only require a new stylesheet. I just didn't design it vertically. There were some issues in older versions of css flyout menu's so you may want to download both and use the main files from my mod, but use the stylesheet from the vertical (some changes may be needed in the css though). Clear as mud?
Re: CSS Dropdown menu for your header- With Categories!
Can this menu be used on static HTML pages, as well?
I'd like to show some items on static pages but also use this great menu.
Is it possible?
I'd like to pull the menu from the cart installation location by using some php include tags maybe?
Thanks :smile:
Re: CSS Dropdown menu for your header- With Categories!
I have installed the css dropdown menu and it works great. Thanks!
I would like to put my manufacturers in a dropdown as well. As I looked at how things were being done it appears as though in order to get the catergories menu items many queries and such had to be done via the ul category generator. Would the same type of thing need to be done in order to get the manufactures listed in a dropdown menu?
The reason I ask is that I am not a programmer and I don't think I could it if that is what was required.
Thanks in advance for your response.
Rick
Re: CSS Dropdown menu for your header- With Categories!
Do you know how we could be rid of the first menu
* Home
* Log In
In the top-top of the page as it make double use with your menu?
TIA
Re: CSS Dropdown menu for your header- With Categories!
Remove the lines that refer to it in your tpl_header.php file and then just use the call method in the instructions to call the tpl_drop_menu.
Make sure you create an override for the tpl_header.php file in your custom directory.
Here is how I have placed it in my tpl_header.php file:
Code:
<div id="headerWrapper">
<!--bof-navigation display-->
<div id="navMainWrapper">
<!--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-->
<!--eof-navigation display-->
Rick
Re: CSS Dropdown menu for your header- With Categories!
Is there a way to add a Down Arrow to top-level menu items that contain sub items? (but not to top items that do not contain sub items)
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
DogTags
Can this menu be used on static HTML pages, as well?
I'd like to show some items on static pages but also use this great menu.
Is it possible?
I'd like to pull the menu from the cart installation location by using some php include tags maybe?
Thanks :smile:
I really would have no idea on how to go about that. My only suggestion would be to hard code for the static pages.