-
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.
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
disciple
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
Do you think your manufacturers would change much? I'm sure what you're asking can be done, as the manufacturer's sidebox is already programmed to output as an ordered list, so perhaps duplicating and renaming that module, and inserting it into the dropdown header could be done, but that would take a good bit of work, I think. If your manufacturers is relatively stable, the easiest way would be to hardcode it into the menu.
-
1 Attachment(s)
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
DogTags
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)
See if this works:
add this to your stylesheet_header_menu.css:
div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;}
The image is attached. It goes in your includes/templates/YOUR_TEMPLATE/images folder.
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
jettrue
See if this works:
add this to your stylesheet_header_menu.css:
div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;}
The image is attached. It goes in your includes/templates/YOUR_TEMPLATE/images folder.
1. It was added to all top-level items (even those without sub items)
2. It was also added to sub items that had further sub items
-
Re: CSS Dropdown menu for your header- With Categories!
We got the old menus working for the Categories. Has anyone used CSS Flyout with sideboxes? Does this work?
-
1 Attachment(s)
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
DogTags
1. It was added to all top-level items (even those without sub items)
2. It was also added to sub items that had further sub items
1. Open up includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php and remove the "class="submenu" from top-level items without sub items. So the contact us link would change to this:
<li><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CONTACT_US; ?></a></li>
2. Add this to the header_menu css file:
div#dropMenu li.submenu li.submenu {background: none;}
OR, you could use the image attached to have arrows pointing right to designate further subcategories, with this css:
div#dropMenu li.submenu li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;}
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
Rabbcon
We got the old menus working for the Categories. Has anyone used CSS Flyout with sideboxes? Does this work?
The old contribution *can* work, its just really buggy. I had issue with categories that didn't have subcategories being first in the drop menu, etc.... certain category scenarios causes problems with the old mod. I have used the older sidebox one without issue on a site or two, I believe.
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
jettrue
...I have used the older sidebox one without issue on a site or two, I believe.
What do you mean by the "older sidebox one"? Do you mean that you have used the older contribution on a sidebox or there is a contribution for CSS Flyout Sideboxes that you have used? I did not see a contribution for CSS Flyout sideboxes in the download section. I may have overlooked it.
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
Rabbcon
What do you mean by the "older sidebox one"? Do you mean that you have used the older contribution on a sidebox or there is a contribution for CSS Flyout Sideboxes that you have used? I did not see a contribution for CSS Flyout sideboxes in the download section. I may have overlooked it.
It's in the downloads, under sideboxes.
Direct Link:
CSS Flyout Menu
-
Re: CSS Dropdown menu for your header- With Categories!
I just installed your menu's and they work great. I also installed the lightbox image add on and it works great also, but the problem is that you menu is over the lightbox image. Does anyone know how to get the menu to be in the background behind the lightbox?
click on the image to see the lightbox image and the problem. This is not the final pic, but you should be able to see the problem.
http://sacedout.com/index.php?main_p...products_id=22
thanks for any help.
CMessa
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
cmessa
I just installed your menu's and they work great. I also installed the lightbox image add on and it works great also, but the problem is that you menu is over the lightbox image. Does anyone know how to get the menu to be in the background behind the lightbox?
click on the image to see the lightbox image and the problem. This is not the final pic, but you should be able to see the problem.
http://sacedout.com/index.php?main_p...products_id=22
thanks for any help.
CMessa
Hi!
Open up your stylesheet_lightbox.css and add a zero to the end of all of the z-index's.
So if it says
"z-index:10", change it to "z-index:100"
If it says "z-index:90", change to "z-index:900", etc.
-
Re: CSS Dropdown menu for your header- With Categories!
Thanks, that worked great. I appreciate the help!!
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
jettrue
1. Open up includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php and remove the "class="submenu" from top-level items without sub items. So the contact us link would change to this:
<li><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CONTACT_US; ?></a></li>
2. Add this to the header_menu css file:
div#dropMenu li.submenu li.submenu {background: none;}
OR, you could use the image attached to have arrows pointing right to designate further subcategories, with this css:
div#dropMenu li.submenu li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;}
Much better!
The only thing it doesn't seem to work with is the conditional menu items like the following:
Code:
<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
<ul class="level2">
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
</ul>
<?php }?>
</li>
Even if there are no items in the cart, the down arrow still displays in the top Shopping Cart link.
Other than that, this menu is totally great
Thanks super much :smile:
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
DogTags
Much better!
Even if there are no items in the cart, the down arrow still displays in the top Shopping Cart link.
Will look into that more later. :-)
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
DogTags
Even if there are no items in the cart, the down arrow still displays in the top Shopping Cart link.
Other than that, this menu is totally great
Thanks super much :smile:
Okeedokee...
To fix this, we can just expand the conditionals so that if there are no items in the cart, they get the <li> and if there are items in the cart, they get the <li submenu
So, replace the whole shopping cart section with this:
Code:
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
<li class="submenu"><a 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 href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
<?php } ?>
LMK how it works for ya!
-
Re: CSS Dropdown menu for your header- With Categories!
Hi.
Great contribution, just what I had been looking for.
2 small problems however; Displays great in Firefox but in ie the dropdowns go behind the sideboxes and the centre content.
Secondly, although i have them turned off, gift certificate and newsletter unsubscribe links still appear in the information drop down. [they do not appear in the css flyout menu or standard categories sidebox in the same install]
Has anyone else had these problems, and if so, how did you resolve them.
TIA
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
Still Crazy
Hi.
Great contribution, just what I had been looking for.
2 small problems however; Displays great in Firefox but in ie the dropdowns go behind the sideboxes and the centre content.
Secondly, although i have them turned off, gift certificate and newsletter unsubscribe links still appear in the information drop down. [they do not appear in the css flyout menu or standard categories sidebox in the same install]
Has anyone else had these problems, and if so, how did you resolve them.
TIA
Can I see a link please? I have tested this in IE, without the issues you mention.
I don't have the newsletter and gift certificate links coded to turn off automatically, however that's a good idea, I'll work on that. In the meantime, you can open up includes/templates/YOUR_TEMPLATE/common/tpl_drop menu.php and just erase the one you don't want to show up.
-
Re: CSS Dropdown menu for your header- With Categories!
Hi Jade, thanks for your response.
Will remove the unwanted links as you suggest.
Site is still very new [and raw] still playing around with ideas etc. but here is the url: www.rgdistribution.co.uk
Browser is IE V6 [Firefox is fine].
Thanks again
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
jettrue
Okeedokee...
To fix this, we can just expand the conditionals so that if there are no items in the cart, they get the <li> and if there are items in the cart, they get the <li submenu
So, replace the whole shopping cart section with this:
Code:
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
<li class="submenu"><a 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 href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
<?php } ?>
LMK how it works for ya!
Yep, on the money, great! Thanks :smile:
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
Still Crazy
Hi Jade, thanks for your response.
Will remove the unwanted links as you suggest.
Site is still very new [and raw] still playing around with ideas etc. but here is the url:
www.rgdistribution.co.uk
Browser is IE V6 [Firefox is fine].
Thanks again
Hello there!
I'm not having the same issue in IE on my site with the same menu, the only big difference I see is that I've removed the tables surrounding the main content.
Try adding this to your stylesheet, and let me know if this works:
#contentMainWrapper {z-index:0;}
-
Re: CSS Dropdown menu for your header- With Categories!
Hi Jade
Removed the tables and added the z-index =0 to the stylesheet but having exactly the same problem.
I will try a re install and see if that works, strange that you do not have the same on your site!
Thanks for trying.
Regards
-
1 Attachment(s)
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
Still Crazy
Hi Jade
Removed the tables and added the z-index =0 to the stylesheet but having exactly the same problem.
I will try a re install and see if that works, strange that you do not have the same on your site!
Thanks for trying.
Regards
I'm sure its due to some other difference I didn't appreciate yet... don't think you should have to re-install...
Did we already discuss which version of zen cart you are using?
But lets check to make sure its the stylesheet.
Save a copy of your stylesheet somewhere, and in its place, upload my apple zen stylesheet, and see if the problem persists. Then we'll know for sure its something in the stylesheet.
I'm attaching a text file with my stylesheet. It would probably look REALLY crazy, but if you go to a product page you should be able to see if the menu is over or under. Here is the file:
-
Re: CSS Dropdown menu for your header- With Categories!
Hi
Ok, I have now tried your stylesheet and all works correctly. I will sift through my stylesheet tomorrow and find the culprit.
Many thanks for your help.
Regards
-
Re: CSS Dropdown menu for your header- With Categories!
If you just use the dropdown menu without the category side box, will that hurt your pageranking?
Or should I put this as, how will the spiders like your site if the menu is in a dropdown box instead of in a side box for everyone to see?
-
Re: CSS Dropdown menu for your header- With Categories!
I think by page ranking you probably mean SERPS, as page ranking is now less significant than it was a year or so ago.
You can safely turn off the categories list, the search engine spider will be able to crawl your pages via the drop down menu.
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
birdoasis
If you just use the dropdown menu without the category side box, will that hurt your pageranking?
Or should I put this as, how will the spiders like your site if the menu is in a dropdown box instead of in a side box for everyone to see?
Yep, still crazy is correct, if you look at the source of your site with the header dropdown menu, you are still getting real links like you would with a regular menu.
-
Re: CSS Dropdown menu for your header- With Categories!
Just to close this off, I have now solved my ie issue as detailed in message 24.
Couldn't find how I broke it, spent several hours trying to undo [mostly un comment] my mods to the original style sheet, but found a fix.
Added z-index:5; to the headerWrapper and appears to work correctly now.
Many thanks for your help.
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
Still Crazy
Just to close this off, I have now solved my ie issue as detailed in message 24.
Couldn't find how I broke it, spent several hours trying to undo [mostly un comment] my mods to the original style sheet, but found a fix.
Added z-index:5; to the headerWrapper and appears to work correctly now.
Many thanks for your help.
Glad to hear.
-
Re: CSS Dropdown menu for your header- With Categories!
SERPS?
Oh man, and I thought I had it down. Now I have to go learn about SERPS.
Sounds like some sort of refugee. haha.
Thank you!!!
-
Re: CSS Dropdown menu for your header- With Categories!
Ok, have the module installed and I'm definitely a beginner when it comes to editing php and css files. I want to edit this so that the drop down menu is only showing the categories in my catalog (each category name showing horizontally across the top of the website and not showing any of the other stuff listed in the default settings). I'm not sure how to to do that. Any help would be great.
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
birdoasis
SERPS?
Oh man, and I thought I had it down. Now I have to go learn about SERPS.
Sounds like some sort of refugee. haha.
Thank you!!!
SERPS [or I suppose technically SERP's] = Search Engine Results Pages
Page Rank [PR] A system developed by Stanford University and Larry Page [co founder of Google] to enable every page on the internet to be assesed for importance. The importance being judged mainly by the quality of inbound links.
HTH.
-
Re: CSS Dropdown menu for your header- With Categories!
jtschrade,
The menu should be dynamic, which means that the dropdown menu should be built as you add categories without you having to edit anything else.
Is it not working that way?
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
birdoasis
jtschrade,
The menu should be dynamic, which means that the dropdown menu should be built as you add categories without you having to edit anything else.
Is it not working that way?
He's asking that ONLY the categories show at the top. He would like the categories to be on the top level, vs. HOME CATEGORIES INFORMATION CONTACT US MY ACCOUNT SHOPPING CART.
Which I think can be done, it will just take a bit of adjusting. jtschrade, i'll look into this more soon.
-
Re: CSS Dropdown menu for your header- With Categories!
That is what I want. Basically, I want it to be arranged like the default setting where each category name is listed horizontally under the banner; but I want it to be a drop down where as you pass over a category the drop down shows the subcategories. Possibly combining the code from those two areas would work. But again, I'm a beginner.
-
Re: CSS Dropdown menu for your header- With Categories!
Thank you very much for this CSS Dropdown menu Jade True.
Quite a beautiful piece of work!
It works perfectly in Internet Explorer (probably by far the most popular browser the customers will be using anyways) but in Firefox there is a problem that occurs only when the font is enlarged twice beyond the normal size (truthfully I'm not sure if anyone wants their fonts this big, but perhaps). What seems to happen is that a gap between the menu and submenu makes it just big enough so the submenu can't actually be reached for clicking the link. Really no big-deal seeing as how only a small percentage of visitors would ever experience this, and they still have other ways to navigate. Here is a site ( http://www.fabricstashinc.com/cart ) where it happens, but I think it happens on any site with the menu.
Many thanks for this contribution!
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
jettrue
He's asking that ONLY the categories show at the top. He would like the categories to be on the top level, vs. HOME CATEGORIES INFORMATION CONTACT US MY ACCOUNT SHOPPING CART.
Which I think can be done, it will just take a bit of adjusting. jtschrade, i'll look into this more soon.
Possibly can build the category dropdowns upon the Categories Tabs feature integrated into recent Zen Cart versions.
Admin > Configuration > Layout Settings > Categories-Tabs Menu > ON/OFF
However, displaying two different horizontal menu bars, one on top of the other, each with drop downs could prove problematic.
And the number of categories in a shop is dynamic, so designing the horizontal categories menu bar looks good when there is only two categories vs. ten or twenty or more top level categories and when to set the categories list to wrap, sounds like a tough job. And there are the subcategories to deal with.
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
rainthebat
Thank you very much for this CSS Dropdown menu Jade True.
Quite a beautiful piece of work!
It works perfectly in Internet Explorer (probably by far the most popular browser the customers will be using anyways) but in Firefox there is a problem that occurs only when the font is enlarged twice beyond the normal size (truthfully I'm not sure if anyone wants their fonts this big, but perhaps). What seems to happen is that a gap between the menu and submenu makes it just big enough so the submenu can't actually be reached for clicking the link. Really no big-deal seeing as how only a small percentage of visitors would ever experience this, and they still have other ways to navigate. Here is a site (
http://www.fabricstashinc.com/cart ) where it happens, but I think it happens on any site with the menu.
Many thanks for this contribution!
You're welcome.
In my original design of this dropdown menu, I did everything in em's so that font resizing wouldn't be an issue. I did this as part of my Apple Zen template:
http://www.zencart137.jadetrue.com/
You'll notice the same issue doesn't occur there.
When I put the download together of the header menu only, I changed the em's to px's to avoid issues with people who were using a fixed width site.
What you can do is, open up the stylesheet_header_menu.css and change the first two instances of "25px" to "2.17em"
Then change div#dropMenu li a to this:
div#dropMenu li a {display: block; padding: .6em 25px ;text-decoration: none; text-transform:uppercase; color:#ffffff; text-align:center; border-right:1px solid #ffffff;}
-
Re: CSS Dropdown menu for your header- With Categories!
Thanks Jade,
I see how changing the height from pixels to ems would allow this menu to function perfectly when the text size is increased.
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
jettrue
Open up your stylesheet_lightbox.css and add a zero to the end of all of the z-index's. So if it says "z-index:10", change it to "z-index:100"
If it says "z-index:90", change to "z-index:900", etc.
Hi Jade,
Finally installed your new the header dropdown menu mod on Zen Cart v.1.37. Very nice and thanks :thumbsup:
I also have Zen Lightbox installed and I too observed same issue of menu bar showing over Lightbox image (in both Firefox and IE). Then followed your CSS edit instructions above and the menu now appears behind the image, which is much better. Thanks.
However would you have any CSS tricks up your sleeve on how to "completely" hide the header menu on the lightbox image pages? :wink2:
Also I note after changing the CSS above to display the the menu bar behind the Zen Lightbox image, the menu bar links and dropdowns are still "live" and clickable in IE, but not in Firefox.
Woody
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
Woodymon
Hi Jade,
Finally installed your new the header dropdown menu mod on Zen Cart v.1.37. Very nice and thanks :thumbsup:
I also have Zen Lightbox installed and I too observed same issue of menu bar showing over Lightbox image (in both Firefox and IE). Then followed your CSS edit instructions above and the menu now appears behind the image, which is much better. Thanks.
However would you have any CSS tricks up your sleeve on how to "completely" hide the header menu on the lightbox image pages? :wink2:
Also I note after changing the CSS above to display the the menu bar behind the Zen Lightbox image, the menu bar links and dropdowns are still "live" and clickable in IE, but not in Firefox.
Woody
No, I wouldn't know how to "completely" hide it, but changing #overlay's z-index to 1000 will help hide it like the rest of the site. Perhaps that will help it from still functioning as well.
-
Re: CSS Dropdown menu for your header- With Categories!
to fix the Lightbox issue.....
In tpl_header.php add this code:
Code:
<div class="flash"><?php require($template->get_template_dir('tpl_drop_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_drop_menu.php');?></div>
Just add: <div class="flash"> menu code here. </div> around the menu code.
This will fix the lightbox issue at least it does for me. You get the same issue with flash objects.
Ps. make sure you have the latest lightbox
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
shackle
to fix the Lightbox issue..... In tpl_header.php add this code:
Code:
<div class="flash"><?php require($template->get_template_dir('tpl_drop_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_drop_menu.php');?></div>
That fixed it. Thanks for the tip! Now I can return the lightbox css z-index settings back to normal/original :wink2:
Woody
-
Re: CSS Dropdown menu for your header- With Categories!
Hi, I have this addon working really well but a small bug i can't get rid of in IE. When i hover over the menu and leave the menu system on a submenu when i return the submenu appears blank until reset by hovering over it again.
I have tested it on all the other member's sites i can find and get the same problem.
Any help would be appreciated
:D
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
hitch
Hi, I have this addon working really well but a small bug i can't get rid of in IE. When i hover over the menu and leave the menu system on a submenu when i return the submenu appears blank until reset by hovering over it again.
I have tested it on all the other member's sites i can find and get the same problem.
I do not observe this in IE6. What's your URL?
-
Re: CSS Dropdown menu for your header- With Categories!
Thanks for the quick reply.
The link is http://www.musicservices.co.nz/killer/ . It's still a work in progress (so don't be harsh) but the menu's there. As i said i get the same on other members sites who use the same menu.
I've not tried IE6, IE7 is what I'm using and having trouble with. all other browsers seem fine. When i drag down to a low level sub-menu and fall off the menu it re-appears blank on next selection. just looks messy.
thanks for any time you spend on it!
-
Re: CSS Dropdown menu for your header- With Categories!
Hi,
Is it possible to place the new products, all products, etc. under the categories menu dropdown rather than the home dropdown?
I would also like to take out one of the categories, a document category, from that categories dropdown as well. I have already placed that category in another dropdown menu section but can't seem to figure out how to keep it from showing in the categories dropdown.
Thanks in advance for your help and such a great contribution.
Rick
-
Re: CSS Dropdown menu for your header- With Categories!
I really love this menu saves me a lot of time then having to make one.
There is one feature I would like to see though to make it even more hassle free.
The "information" part be tied to ez-pages kinda like the categories are. So you can add pages to the menu very easily. This sounds like a neat idea to me if possible. I'm sure many others would like this feature also! :)
Thanks for the mod!
-
Re: CSS Dropdown menu for your header- With Categories!
All you need to do is create an ez-page link and include it in your menu and it works perfectly. I use one or two in our menus
-
Re: CSS Dropdown menu for your header- With Categories!
Yeah I know that However, I said I'd like it to automatically include ez-pages in the menu when you make them. Kinda like the categories are with the menu now.
So you don't have to manually edit the files. To me it seems like a lot less hassle if it's possible.
Quote:
Originally Posted by
disciple
All you need to do is create an ez-page link and include it in your menu and it works perfectly. I use one or two in our menus
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
shackle
I'd like it to automatically include ez-pages in the menu when you make them. Kinda like the categories are with the menu now. So you don't have to manually edit the files. To me it seems like a lot less hassle if it's possible.
That same feature suggestion came up earlier in this thread and Jade replied he would add that feature into the next update.
Woody
-
1 Attachment(s)
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
shackle
Yeah I know that However, I said I'd like it to automatically include ez-pages in the menu when you make them. Kinda like the categories are with the menu now.
So you don't have to manually edit the files. To me it seems like a lot less hassle if it's possible.
Hi There,
I've come up with a solution for this... its a bit of a work around, but is working well. You can see it in action at http://www.zencart137.jadetrue.com.
I'm not sure whether to release this as part of the module for everyone and update it, OR to just offer the files for this add on separately. I know its going to cause me problems for people who don't want this, LOL.
I've set this up so that any ezpages added show up BELOW the regular information pages (shipping, privacy, conditions of use, etc.). This can of course be manually changed for people who may want to have the ezpages first, or who may want to remove some of the regular information links.
There are two files that need to be added:
includes/modules/sideboxes/YOUR_TEMPLATE/ezpages_drop_menu.php
includes/templates/YOUR_TEMPLATE/tpl_ezpages_drop_menu.php
and then of course there is a change to:
includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php
I'm going to attach the two new files mentioned above in a zip file, for those that want this functionality now. I think I will eventually add this to the download, just need to test this out with people that want it now, so I know better what I need to add to the instructions.
STEP 1.
Upload the files included in the zip file to these locations:
includes/modules/sideboxes/YOUR_TEMPLATE/ezpages_drop_menu.php
includes/templates/YOUR_TEMPLATE/tpl_ezpages_drop_menu.php
Step 2.
Add this code to includes/templates/YOUR_TEMPLATE/tpl_drop_menu.php:
<?php require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . 'ezpages_drop_menu.php'); ?>
I personally added the above code right after the last item in the "INFORMATION" drop down, so I put it right after:
<li><a href="<?php echo zen_href_link(FILENAME_UNSUBSCRIBE, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_UNSUBSCRIBE; ?></a></li>
<?php } ?>
You can add it anywhere in the INFORMATION box, or basically anywhere inside of a current drop down, but I did not design this mod to be its OWN main drop down.
Step 3.
Then you have to go to your admin, and go to "Tools", "Layout Boxes controller". There should be a new sidebox, if you'd uploaded things correctly. You must turn the SINGLE COLUMN STATUS TO ON, leave the LEFT/RIGHT COLUMN STATUS off.
Step 4.
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).
I think that's it. :cool:
So now you can have any number of EZPages setups. You can have the regular EZPages horizontal header bar on, or have the regular EZpages sidebox on, or you can have them in your css drop down menu, OR any combination of the three.
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
disciple
Hi,
Is it possible to place the new products, all products, etc. under the categories menu dropdown rather than the home dropdown?
I would also like to take out one of the categories, a document category, from that categories dropdown as well. I have already placed that category in another dropdown menu section but can't seem to figure out how to keep it from showing in the categories dropdown.
Thanks in advance for your help and such a great contribution.
Rick
I tried putting the new products, etc. under the categories when I was working on this add on, and had a heck of a time. Unfortunately, its beyond my capabilities at this time.
As for excluding a category, one way to do this is prevent a certain category from being included in the database query.
Open up includes/classes/categories_ul_generator.
Find this line:
Code:
where c.categories_id = cd.categories_id
then directly after it add:
Code:
and c.categories_id !=15
replace 15 with the cPath number of the category you want to hide. (to find the number, click on the document category link, and look in the url for the cPath= section. Use that number. Unfortunately its a manual thing, but it works!
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
jettrue
There are two files that need to be added:
includes/modules/sideboxes/YOUR_TEMPLATE/ezpages_drop_menu.php
includes/templates/YOUR_TEMPLATE/tpl_ezpages_drop_menu.php
The last path should be:
includes/templates/YOUR_TEMPLATE/templates/tpl_ezpages_drop_menu.php :wink2:
Installing right now. Just wanted to post that tidbit before I forgot. Will report back how it goes. And thanks for doing this!
Woody
-
Re: CSS Dropdown menu for your header- With Categories!
Regards to installing EZ-pages into the drop down menu:
I'm a bit lost with STEP 2:
Quote:
Step 2.
Add this code to includes/templates/YOUR_TEMPLATE/tpl_drop_menu.php
I think you meant:
includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php:
My default tpl_drop_menu.php looks like:
Code:
<li><a href="<?php echo zen_href_link(FILENAME_UNSUBSCRIBE, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_UNSUBSCRIBE; ?></a></li>
</ul>
</li>
<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CONTACT_US; ?></a></li>
Following the example provided in your step 3 instructions I'm still uncertain where to insert:
Code:
<?php require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . 'ezpages_drop_menu.php'); ?>
You suggested to place after:
But I don't see that.
Maybe you can provide example file for the helpess? :wink2:
Question: If ez-pages are enabled for drop-down header then they also appear above the drop down menu. Is there an option available to allow display ez-page links in the drop downs but at same time disable ez-page links display above drop downs? Or do I have to remove the following ez-pages display code segment in common/tpl_header.php?
Code:
<!--bof-header ezpage links-->
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
<!--eof-header ezpage links-->
Woody
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
Woodymon
Regards to installing EZ-pages into the drop down menu:
I'm a bit lost with STEP 2:
I think you meant:
includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php:
My default tpl_drop_menu.php looks like:
Code:
<li><a href="<?php echo zen_href_link(FILENAME_UNSUBSCRIBE, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_UNSUBSCRIBE; ?></a></li>
</ul>
</li>
<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CONTACT_US; ?></a></li>
Following the example provided in your step 3 instructions I'm still uncertain where to insert:
Code:
<?php require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . 'ezpages_drop_menu.php'); ?>
You suggested to place after:
But I don't see that.
Maybe you can provide example file for the helpess? :wink2:
Yes, I updated tpl_drop_menu.php earlier in this thread, so that the unsubscribe link turns off if you have it turned off in the admin. SO you can change your unsubscribe section to this:
Code:
<?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 } ?>
Then you can insert:
Code:
<?php require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . 'ezpages_drop_menu.php'); ?>
Right after that.
Quote:
Originally Posted by
Woodymon
Question: If ez-pages are enabled for drop-down header then they also appear above the drop down menu. Is there an option available to allow display ez-page links in the drop downs but at same time disable ez-page links display above drop downs? Or do I have to remove the following ez-pages display code segment in common/tpl_header.php?
Code:
<!--bof-header ezpage links-->
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
<!--eof-header ezpage links-->
Woody
If I understand what you're asking, I addressed that in step 4 already:
Quote:
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).
-
Re: CSS Dropdown menu for your header- With Categories!
For those who are adding the ezpages functionality to this mod, I made errors in the file locations. They should be:
includes/modules/sideboxes/YOUR_TEMPLATE/ezpages_drop_menu.php
includes/templates/YOUR_TEMPLATE/templates/tpl_ezpages_drop_menu.php
and you have to make changes to:
includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php
I wish I could edit old posts!
-
Re: CSS Dropdown menu for your header- With Categories!
wow nice!
gonna install the ez-pages addon right now.
Thanks this will be very helpful!
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
jettrue
Yes, I updated tpl_drop_menu.php earlier in this thread,
Thanks. I read the complete thread before posting and again read just now. I still don't see where that code change was suggested. More coffee please.
Quote:
Originally Posted by
jettrue
If I understand what you're asking, I addressed that in step 4 already:
Ahh...I did miss that one... as I was unable to proceed past step 2 ;-)
Thanks again.
Woody
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
jettrue
Yes, I updated tpl_drop_menu.php earlier in this thread, so that the unsubscribe link turns off if you have it turned off in the admin. SO you can change your unsubscribe section to this:
Code:
<?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 } ?>
Then you can insert:
Code:
<?php require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . 'ezpages_drop_menu.php'); ?>
Right after that.
Jade-
Would you be kind enough to offer a complete sample file. I've tried to follow your edit instructions but just not working out. Thanks.
Woody
-
Re: CSS Dropdown menu for your header- With Categories!
Below is what I've tried, but the menu (and the rest of the page) stops rendering after "Discount Coupons" link.
Code:
<ul class="level2">
<li><a href="<?php echo zen_href_link(FILENAME_SHIPPING); ?>"><?php echo HEADER_TITLE_SHIPPING_INFO; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_PRIVACY); ?>"><?php echo HEADER_TITLE_PRIVACY_POLICY; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_CONDITIONS); ?>"><?php echo HEADER_TITLE_CONDITIONS_OF_USE; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_ABOUT_US); ?>"><?php echo HEADER_TITLE_ABOUT_US; ?></a></li>
<?php if (defined('FILENAME_SITE_MAP')) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_SITE_MAP); ?>"><?php echo HEADER_TITLE_SITE_MAP; ?></a></li>
<?php } ?>
<li><a href="<?php echo zen_href_link(FILENAME_GV_FAQ, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_GV_FAQ; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_DISCOUNT_COUPON, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_DISCOUNT_COUPON; ?></a></li>
<?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>
What's wrong with this picture?
Woody
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
Woodymon
Below is what I've tried, but the menu (and the rest of the page) stops rendering after "Discount Coupons" link.
Code:
<ul class="level2">
<li><a href="<?php echo zen_href_link(FILENAME_SHIPPING); ?>"><?php echo HEADER_TITLE_SHIPPING_INFO; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_PRIVACY); ?>"><?php echo HEADER_TITLE_PRIVACY_POLICY; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_CONDITIONS); ?>"><?php echo HEADER_TITLE_CONDITIONS_OF_USE; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_ABOUT_US); ?>"><?php echo HEADER_TITLE_ABOUT_US; ?></a></li>
<?php if (defined('FILENAME_SITE_MAP')) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_SITE_MAP); ?>"><?php echo HEADER_TITLE_SITE_MAP; ?></a></li>
<?php } ?>
<li><a href="<?php echo zen_href_link(FILENAME_GV_FAQ, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_GV_FAQ; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_DISCOUNT_COUPON, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_DISCOUNT_COUPON; ?></a></li>
<?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>
What's wrong with this picture?
Woody
Hmm, what version of zen cart are you using?
Here is the Information section:
Code:
<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_INFORMATION; ?></a>
<ul class="level2">
<li><a href="<?php echo zen_href_link(FILENAME_SHIPPING); ?>"><?php echo HEADER_TITLE_SHIPPING_INFO; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_PRIVACY); ?>"><?php echo HEADER_TITLE_PRIVACY_POLICY; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_CONDITIONS); ?>"><?php echo HEADER_TITLE_CONDITIONS_OF_USE; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_ABOUT_US); ?>"><?php echo HEADER_TITLE_ABOUT_US; ?></a></li>
<?php if (defined('FILENAME_SITE_MAP')) { ?>
<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 } ?>
<li><a href="<?php echo zen_href_link(FILENAME_DISCOUNT_COUPON, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_DISCOUNT_COUPON; ?></a></li>
<?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>
Though I don't see anything wrong with your code.
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
jettrue
Hmm, what version of zen cart are you using?
v.1.37. The shop is running on PHP 5.16
Quote:
Originally Posted by
jettrue
I don't see anything wrong with your code.
Me neither. I'm going blind looking at it. The menu works fine except when I insert:
Code:
<?php require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . 'ezpages_drop_menu.php'); ?>
Menu stops rendering at the point the above code is inserted. When I remove the code the menu works fine. Go figure.
Woody
-
1 Attachment(s)
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
Woodymon
v.1.37. The shop is running on PHP 5.16
Me neither. I'm going blind looking at it. The menu works fine except when I insert:
Code:
<?php require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . 'ezpages_drop_menu.php'); ?>
Menu stops rendering at the point the above code is inserted. When I remove the code the menu works fine. Go figure.
Woody
Is there an error in your log files? is the ezpages_drop_menu.php loaded in your includes/modules/sideboxes/YOUR_TEMPLATE folder?
Attached is the full ezpages_drop_menu.php file (in text form), just in case something else is off.
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
jettrue
For those who are adding the ezpages functionality to this mod, I made errors in the file locations. They should be:
includes/modules/sideboxes/YOUR_TEMPLATE/ezpages_drop_menu.php
includes/templates/YOUR_TEMPLATE/templates/tpl_ezpages_drop_menu.php
NOT!
The last path above should be:
includes/templates/YOUR_TEMPLATE/sideboxes/tpl_ezpages_drop_menu.php
Quote:
Originally Posted by
jettrue
I wish I could edit old posts!
Me too! I got it wrong myself on post #62.
The blind may have led you into the desert. Sorry.
Thanks for the assistance.
Woody
-
Re: CSS Dropdown menu for your header- With Categories!
OK now that I've resolved displaying ez-pages in the dropdown menu, I've another related question. And forgive me if already answered or responded to.
A. Before installing the header drop down menu ez-pages "extension" I had a "shop news" ez-pages sidebox displaying in left column. And I want to keep that.
B. And I also had ez-pages displaying in the normal header.
C. Then I added the ability to automatically show ez-pages in the new header dropdown menu.
D. And then followed instructions:
Quote:
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).
E. However now I observe that in order for an ez-page to auto display in the dropdown menu I have to be enable the ez-page to display in BOTH the ez-pages sidebox and ez-pages header. This seems strange.
If I just set the ez-page to display in the header and not the sidebox the ez-page does not display in the dropdown. But I do not want ez-pages that I wish to display in the drop down menu to also display in the left column sidebox (unless I make that choice).
I want ONLY the ez-pages I have marked ONLY to display in the header to display in the dropdown menu only.
I understand I can manually add in ez-pages links to the drop down menu but that's not my point.
I hope my long winded logic is clear here.
Woody
-
Re: CSS Dropdown menu for your header- With Categories!
Tried out different ez-pages settings and I found a solution/workaround to my dilemma.
The instructions stated:
Quote:
The sort orders also have to be greater than "0".
So naturally I took this as an instruction to enable the ez-page with a HEADER sort order value >0. Which makes perfect sense.
But what I discovered, and which was not clear to me, is you must ALSO set a SIDEBOX sort order value >0 even if you don't choose to display the ez-page in the sidebox (have it disabled for the sidebox)!
This then allows the ez-page to display in the header dropdown (and not display in the sidebox).
Thanks again for this excellent mod :thumbsup:
Woody
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
Woodymon
But what I discovered, and which was not clear to me, is you must ALSO set a SIDEBOX sort order value >0 even if you don't choose to display the ez-page in the sidebox (have it disabled for the sidebox)!
Woody
Wait, now I'm confused. When I use this, I only have to have it enabled for the header to auto-show up in the header, as per my instructions. I have ezpages in my header and NONE of them are set to on for the sidebox. In the Layout Boxes Controller, do you have the left/right status for ezpages_drop_menu.php OFF and ONLY the single column status ON?
ETA: AHA! I just checked, and I did have sort orders for the sideboxes, even though I had them OFF. Will have to check some of my php and see if I can fix that.
-
1 Attachment(s)
Re: CSS Dropdown menu for your header- With Categories!
Hi
I'm using your 'simple zen' template on 1.3.6 at the moment and saw this contribution and thought it looks great. I've tested it but all my top level categories show in the menu bar, not just a heading called categories.
Am I doing something daft, or is there an admin setting?
I attach an image to show you.
Thanks
Craig
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
CES
Hi
I'm using your 'simple zen' template on 1.3.6 at the moment and saw this contribution and thought it looks great. I've tested it but all my top level categories show in the menu bar, not just a heading called categories.
Am I doing something daft, or is there an admin setting?
I attach an image to show you.
Thanks
Craig
You have to be sure to paste the
<?php require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . 'ezpages_drop_menu.php'); ?>
In the right spot. My guess is you pasted it outside of the information menu. Its got to go before the closing </ul> of the information menu.
-
Re: CSS Dropdown menu for your header- With Categories!
Not sure if we are at cross purposes here, I don't have a problem with ezpages, just the categories menu.
When I hover over the categories menu, nothing shows as all the categories are listed in the bar.
Thanks for your help.
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
CES
Not sure if we are at cross purposes here, I don't have a problem with ezpages, just the categories menu.
When I hover over the categories menu, nothing shows as all the categories are listed in the bar.
Thanks for your help.
I'd really need to see a link.
-
Re: CSS Dropdown menu for your header- With Categories!
OK, this is really frustrating, but CES, the issue you are having is because someone with the username toolatesmart went in and re-uploaded this module with files that DON'T WORK CORRECTLY!
I spent so much time getting the bugs out, and now he (or she) has uploaded a new version saying it's more "USER FRIENDLY" but it has not been tested sufficiently with different category/subcategory scenarios.
So anyone that has downloaded this from the 15th of March on, you may or may not have issues depending on how your subcategories/categories are structured.
I'll be uploading a new version TONIGHT.
:censored:
-
Re: CSS Dropdown menu for your header- With Categories!
Ok, I've updated this add on. I've added the ability for ezpages to be dynamically added to the drop menu (this can be turned on or off in the admin), and have added some text for the .htaccess file to improve compatibility with IE versions prior to IE7.
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
CES
Hi
I'm using your 'simple zen' template on 1.3.6 at the moment and saw this contribution and thought it looks great. I've tested it but all my top level categories show in the menu bar, not just a heading called categories.
Am I doing something daft, or is there an admin setting?
I attach an image to show you.
Thanks
Craig
Please update to the new version in the download section (link in my sig).
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
jettrue
Please update to the new version in the download section (link in my sig).
Fantastic.
I thought I was going crazy!
No problems so far.
Thanks for your help.
Craig
-
1 Attachment(s)
Re: CSS Dropdown menu for your header- With Categories!
I really like this mod it's great!
I am having a problem with the menu appearing behind the product images though, and I'm not sure what I can do to fix this.
I'm using Image Handler 2 and I'm not sure if that's creating the issue. I installed that 2/3 weeks before I installed the dropdown menu a little over a week ago.
Please note the picture I have attached. This site is only on my computer, and not accessable online to view yet, so sorry no url.
-
Re: CSS Dropdown menu for your header- With Categories!
There is nothing wrong with the mod I uploaded. It is intended to display TOP level categories horizontally with subs and sub-subs as dropdown/flyouts. In addition, your mod would not work at all for any IE browser pre ver. 7 unless the server was configured to serve .htc files correctly, which is something most people have no control over unless they use a .htaccess file. Finally, even though 99% of the work on this mod came from Peter Nederlof at http://www.xs4all.nl/~peterned/ and Dr.Byte, you somehow seem to think you have some special proprietary rights to it. I merely modified it to work more like the existing categories sidebox in zen with the ability to add additional buttons on either side of the dynamic top level categories buttons as desired. What could be more flexible than that?
Quote:
Originally Posted by
jettrue
OK, this is really frustrating, but CES, the issue you are having is because someone with the username toolatesmart went in and re-uploaded this module with files that DON'T WORK CORRECTLY!
I spent so much time getting the bugs out, and now he (or she) has uploaded a new version saying it's more "USER FRIENDLY" but it has not been tested sufficiently with different category/subcategory scenarios.
So anyone that has downloaded this from the 15th of March on, you may or may not have issues depending on how your subcategories/categories are structured.
I'll be uploading a new version TONIGHT.
:censored:
Quote:
Originally Posted by
jettrue
Please update to the new version in the download section (link in my sig).
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
toolatesmart
There is nothing wrong with the mod I uploaded. It is intended to display TOP level categories horizontally with subs and sub-subs as dropdown/flyouts. In addition, your mod would not work at all for any IE browser pre ver. 7 unless the server was configured to serve .htc files correctly, which is something most people have no control over unless they use a .htaccess file. Finally, even though 99% of the work on this mod came from Peter Nederlof at
http://www.xs4all.nl/~peterned/ and Dr.Byte, you somehow seem to think you have some special proprietary rights to it. I merely modified it to work more like the existing categories sidebox in zen with the ability to add additional buttons on either side of the dynamic top level categories buttons as desired. What could be more flexible than that?
TooLateSmart,
First, I think Jade has done an AWESOME job supporting this thread.
Second, I don't see one word where Jade has suggested proprietary rights. He says up front that his version is a revamp of the css flyout menu mod, which by the way is still available in the downloads area and has a different support thread.
I'm not discounting the value of the changes you have made to this mod. But if you want to fork then who is stopping you from initating a new support thread and from uploading your contribution version with a new mod name.
However if your intent is not to fork then try and work with the current mod developer(s) to get your ideas integrated in the mod. Jade has been more than willing to entertain new ideas and suggestions.
Why did you not post your changes for others to test out and comment on? The end-result would have been more in the community interest.
And if this is not your style and you like to go at it alone then why at least did you not give the folks reading this thread a heads up and announce you were uploading your own "new" version of this mod. Can't you see the chaos this can create (has already initiated)? How would anyone be able to keep the the versions straight, if different "developers" are uploading various versions over each other? Think about it. There is a Zen way and a non-Zen way to do this.
On the other hand, if Jade was to leave the scene and/or drop development of his version, then stepping in as you did might be deemed more understandable.
Now, for the good of the community, how about it if you PM Jade and ask him to check out your version and see if you can work together to integrate your ideas and new features into the mod contribution?
Thanks,
Woody
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
toolatesmart
There is nothing wrong with the mod I uploaded. It is intended to display TOP level categories horizontally with subs and sub-subs as dropdown/flyouts.
Do you have a demo URL where we can check this out. The ideas sounds interesting.
I'd like to see the effect when one has 20 top level categories.
Woody
-
Re: CSS Dropdown menu for your header- With Categories!
Woody
You are quite right in all you say.
I have 7 top level categories and with the 'extras' on either side it was too many and too wide.
That's why I thought I was going crazy when I could see it working how I wanted on Jade's sites.
toolatesmart - could you 'talk' with Jade about your ideas? I'm sure you can work together OK.
:)
-
Re: CSS Dropdown menu for your header- With Categories!
You'd have to see the private messages. Also, everyone could still see both versions of the mod and choose. I only offered it to help others out not cause a big row. Why would I need to "Make an announcement"? I offered the mod, it was approved by the zen cart reviewer and made available for download, end of story. There is nothing to "work on together". All I did was make hard coded menu links optional and allow the menu bar to be built dynamically horizontally from the top level categories, and add some simple instructions to have the .htc file served correctly. Simple.
BTW: demo at <a href="http:makeupconnection.com" target="_blank">MakeupConnection.com</a>
Quote:
Originally Posted by
Woodymon
TooLateSmart,
First, I think Jade has done an AWESOME job supporting this thread.
Second, I don't see one word where Jade has suggested proprietary rights. He says up front that his version is a revamp of the css flyout menu mod, which by the way is still available in the downloads area and has a different support thread.
I'm not discounting the value of the changes you have made to this mod. But if you want to fork then who is stopping you from initating a new support thread and from uploading your contribution version with a new mod name.
However if your intent is not to fork then try and work with the current mod developer(s) to get your ideas integrated in the mod. Jade has been more than willing to entertain new ideas and suggestions.
Why did you not post your changes for others to test out and comment on? The end-result would have been more in the community interest.
And if this is not your style and you like to go at it alone then why at least did you not give the folks reading this thread a heads up and announce you were uploading your own "new" version of this mod. Can't you see the chaos this can create (has already initiated)? How would anyone be able to keep the the versions straight, if different "developers" are uploading various versions over each other? Think about it. There is a Zen way and a non-Zen way to do this.
On the other hand, if Jade was to leave the scene and/or drop development of his version, then stepping in as you did might be deemed more understandable.
Now, for the good of the community, how about it if you PM Jade and ask him to check out your version and see if you can work together to integrate your ideas and new features into the mod contribution?
Thanks,
Woody
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
toolatesmart
There is nothing wrong with the mod I uploaded. It is intended to display TOP level categories horizontally with subs and sub-subs as dropdown/flyouts. In addition, your mod would not work at all for any IE browser pre ver. 7 unless the server was configured to serve .htc files correctly, which is something most people have no control over unless they use a .htaccess file. Finally, even though 99% of the work on this mod came from Peter Nederlof at
http://www.xs4all.nl/~peterned/ and Dr.Byte, you somehow seem to think you have some special proprietary rights to it. I merely modified it to work more like the existing categories sidebox in zen with the ability to add additional buttons on either side of the dynamic top level categories buttons as desired. What could be more flexible than that?
Well, I've PM'd you again, and it seems that between CES and Woodymon, my objections to your updating the mod were defined well here in this thread. It's not that I feel that I OWN the mod, and I never claimed to have written it from scratch. I took a buggy mod (sorry to the original authors, but it was very buggy depending on how the categories were laid out) and packaged it inside my Apple Zen Template. Then people were asking "Hey this is great, can you offer it separate", and so I did.
I will admit to two of my faults, I am an anal perfectionist, and a bit of a control freak. I can't keep this mod updated and supported if I don't know which way is up and which files are which and then to have many of the files totally changed without even a "hello, this is what I'm doing" took me off guard. Then when I realized it completely changed the format of the mod (and in my opinion breaks the layout since the menu breaks down to the next line) I did get peeved.
Anyway, there's no reason why you can't start a new mod that goes in the direction that you're going, and I'll keep going in the direction I'm going. Or we can just keep overwriting each other without saying anything.
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
toolatesmart
You'd have to see the private messages. Also, everyone could still see both versions of the mod and choose. I only offered it to help others out not cause a big row. Why would I need to "Make an announcement"? I offered the mod, it was approved by the zen cart reviewer and made available for download, end of story. There is nothing to "work on together". All I did was make hard coded menu links optional and allow the menu bar to be built dynamically horizontally from the top level categories, and add some simple instructions to have the .htc file served correctly. Simple.
BTW: demo at <a href="http:makeupconnection.com" target="_blank">MakeupConnection.com</a>
I haven't said anything in my pm messages that I haven't addressed here, and wouldn't say here.
Everyone couldn't still see both versions and choose. In the dowload section I say "See the mod in action here" and list my website. After you adjusted the mod it no longer looked like that anymore, and you did not show a link yourself, or say "HEY, this doesn't do the same thing the one below does". People more often than not download from the MAIN download link, which defaults to the most recently updated. So, the more logical thing to do would have been to offer a NEW and SEPARATE download.
You would need to make an announcement, because its a different style of mod. Because I would have updated it with the ezpages add on anyway in a day or two, and then your changes wouldn't be downloaded, because it would again default to the most recent download.
-
Re: CSS Dropdown menu for your header- With Categories!
toolatesmart,
Thanks for the URL to demo. Looks pretty cool And nice integration.
I'm not aware of the politics and don't care to be. It looks like both mod versions deserve praise. And sounds like you are behind your mod supporting it 100%. Which is great.
However personally I'm so sorry you just don't get what you did and are so defensive about it. Just because the upload made it past the "reviewer" does not make what you did right. And I'm sure you notice by now your upload has been removed. So please upload your package with a new name and start a new thread and let others enjoy your nice work. Good luck.
Woody
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
jvoce
I really like this mod it's great!
I am having a problem with the menu appearing behind the product images though, and I'm not sure what I can do to fix this.
I'm using Image Handler 2 and I'm not sure if that's creating the issue. I installed that 2/3 weeks before I installed the dropdown menu a little over a week ago.
Please note the picture I have attached. This site is only on my computer, and not accessable online to view yet, so sorry no url.
Hi!
What browser are you using when you get this issue?
-
Re: CSS Dropdown menu for your header- With Categories!
Jade,
First of all, thanks for the amazing menus.
I was using v1.1 until today. I basically had 1.1 working just the way I wanted it, and today I installed 1.2 and things got a little wonky on me.
In 1.1, the product categories would list as separate menus on my nav bar. In 1.2, it wants to consolidate them all into a 'Categories' menu.
Is there any way I can list the categories as separate menus like it was in 1.1?
Sorry if this explanation is rough. I am a bit of a newbie with this.
Thanks for the help.
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
zero1niner
Jade,
First of all, thanks for the amazing menus.
I was using v1.1 until today. I basically had 1.1 working just the way I wanted it, and today I installed 1.2 and things got a little wonky on me.
In 1.1, the product categories would list as separate menus on my nav bar. In 1.2, it wants to consolidate them all into a 'Categories' menu.
Is there any way I can list the categories as separate menus like it was in 1.1?
Sorry if this explanation is rough. I am a bit of a newbie with this.
Thanks for the help.
Oh, too funny!
I think toolatesmart will be uploading the categories only version of this template as a separate download. So if you prefer his functionality, just reinstall 1.1 if you still have it on your computer.
I designed this as works here:
http://www.zencart137.jadetrue.com/
And there was some confusion when toolatesmart added v1.1 that functioned differently, which is what you had uploaded.
toolatesmart, feel free to post a link to your version of the mod once you have it added.
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
zero1niner
I was using v1.1 until today. I basically had 1.1 working just the way I wanted it, and today I installed 1.2...
019- Forgive me. I just have to interject and ask... Why not re-install v.1.1 if it was doing what you wanted?
If you don't have it on your hard drive any longer PM toolatesmart to see if he can reupload. Maybe ask him to call it "CSS Dropdown menu w/ categories in second menu" or something similar to differentiate the two versions. And include in the mod upload a brief description of how his version is both similar and different from the version Jade published.
Woody
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
Woodymon
019- Forgive me. I just have to interject and ask... Why not re-install v.1.1 if it was doing what you wanted?
If you don't have it on your hard drive any longer PM toolatesmart to see if he can reupload. Maybe ask him to call it "CSS Dropdown menu w/ categories in second menu" or something similar to differentiate the two versions. And include in the mod upload a brief description of how his version is both similar and different from the version Jade published.
Woody
I think that zero1niner wasn't aware of the issues going on, and simply updated to the new version, thinking he was simply being responsible with keep files updated, which further illustrates why mixing two different mods in one download is problematic.
I also think the mod toolatesmart added ONLY shows the categories, it does not show any of the ancillary links unless you add them back, and it doesn't include the first menu with ancillary links like is shown on his example site.
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
jettrue
I think that zero1niner wasn't aware of the issues going on, and simply updated to the new version, thinking he was simply being responsible with keep files updated, which further illustrates why mixing two different mods in one download is problematic.
I also think the mod toolatesmart added ONLY shows the categories, it does not show any of the ancillary links unless you add them back, and it doesn't include the first menu with ancillary links like is shown on his example site.
Ha!...Seems that I stepped in some poo here. I had no idea about the other mod or the discussion (I must confess I only breezed through the last few post before asking my question). Actually, Jade described it exactly how it went down. I just installed the latest, thinking that some additional bugs may have been worked out and notice things were a bit askew when I refreshed my page. Then I struggled for quite some time trying to get it to look like I had it in 1.1.
Sorry for fanning the flames. Completely unintentional. I will now quietly go back to my seat and install version 1.1 and mind my own business.:lookaroun
Jade, thanks again for the rockin nav bar. I really love it and appreciate your work and all of the time you have spent answering everyones questions.
-
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
jettrue
Hi!
What browser are you using when you get this issue?
Well, the issue appears when I'm using IE7, but there's no problem with Firefox. So would this easy enough to fix by uploading your latest upgrade? I think you mentioned some fixes to problems in IE right?
Don't worry I'll make sure I get the right download. :laugh: