Drop Down menu in Ez-Pages

Hello Everyone!!! I want to add a drop-down menu to my Ez-page

Here is the website https://www.3littleurchins.com

What I want to do is add the following submenu that opens up to new pages to the "New to Cloth?" ez-page. Anyone know how?

-Why Cloth?
-How many cloth diapers will I need?
-How to wash and care for cloth diapers.
-Cloth Diapers explained.
-FAQ's
-Cloth Diapering 101 classes.
-In-home consultation.

:frusty:

Thanks

You could hard-code an HTML menu with links to the desired pages, but the best and easiest way would be to put all of the ez-pages you want listed in this menu into one "chapter" (top right in the ez-page editing page). Make sure Configuration > EZ-Page Settings > EZ-Pages Table of Contents for Chapters Status is set to 1.

The list of ez-pages will be displayed at the top of each page in the chapter. You can style that as a dropdown with CSS in your stylesheet. For finer control over the appearance, you might want to install the EZ-Page Improved TOC mod in Free Addons.

That worked, Not exactly what I wanted but the wife liked it so its good for me then. I wanted a drop down menu off the header. Thanks

Add to your stylesheet

#navEZPagesTOC {display: none;}
#navEZPagesTOCWrapper:hover #navEZPagesTOC {display: block; position: absolute; border: 1px solid #aaccff; background: #ffffff;}

I am really new to this whole php and style sheet erra. I need to pick up some good books to help because what you just put makes appsolutly no sense to me.

Copy and paste exactly the code I posted into the bottom of your /includes/templates/your_template/css/stylesheet.css (replace your_template with whatever your template foldername is). This will make the TOC into a dropdown when you move your mouse over the "Table of Contents" title.

There is a ton of info on the web about CSS; try https://www.w3schools.com for a good introduction (they also have "try-it" pages where you can practice and see the results instantly.)

I tried it, I works, just in the wrong place go to http://3littleurchins.com/index.php?main_page=page&id=4&chapter=1 and put your mouse over the table of contents and the drop down appears there and not in the easy bar. any other things I should look at

Sorry, I didn't say that those style rules would put a dropdown in the header; it just turns the TOC into a dropdown.
To get it in the ez-pages header bar would take a bunch of custom PHP coding.

Crap, ok thats fine, your orignal solution was good enough for the boss "Wife" who I am building this for. Thanks for the help!!! You seam to be good at this can you take a look at another post I have about an issue with putting to many items in the cart and not showing

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