Ezpages Improved Menus support

This mod affects one or both of the ez-page menus in the header bar or sidebox (#navEZPagesTop or #ezpages).

* You can make the active link (pointing to the current page) highlighted with any desired styling.
* You can substitute images for ez-page names in either of the menus by saving an image file with an appropriate name.
* You can add a subheading above any ez-page name in the sidebox by defining its content.
* You can add a comment below any ez-page name in the sidebox by defining its content.
* Menu display content is all compatible with multiple languages (even though stock ez-page contents are not).

The zip will be attached here until it is available in Free Addons.

Ezpages Improved Menus is now available in Free Addons.

Hi. I'm looking forward to using this mod. I have uploaded the file and I am using the very latest version of Zen Cart.

I am trying to use images in my EZ Pages navigation. I was wondering, could you clarify this step:

"If you want to use images for the links, name them like ezpheadxx.gif, replacing xx with the ez-page id"

I'm sure this is some css thing I am unfamiliar with, right?

Thank you so much,
Amy

No, actually it is a handle for the code to grab to find that a link is to be replaced with an image. By having a file named ezphead23.gif in /includes/templates/your_template/buttons/english/, the code will know that you want to use ezphead23.gif instead of the headerbar link text for ez-page id 23.

Oh, now I feel silly, the EZ Pages ID from the Zen Cart admin. Going to change it right now. thanks for being so helpful and prompt.

Glad to help. It would be nice if you could post a link to your site when it is working, so people can see a live example.

When we're done, absolutely! Thanks again.

I just uploaded the files for this add-on, and it caused everything underneath my header logo to disappear. It appears that the file causing the issue is templates/yourtemplate/templates/tpl_ezpages_bar_header.php. The Zen Cart version is 1.3.9g.

Then there was some error in the upload, because it works correctly on my 1.3.9g test site.
What does the latest debug log in /cache/ say?

What is your template folder name, and what did you change the /your_template/ folder to?

gjh42:

Then there was some error in the upload, because it works correctly on my 1.3.9g test site.
What does the latest debug log in /cache/ say?

What is your template folder name, and what did you change the /your_template/ folder to?

It turns out that it must have been an upload issue. The FTP was laggy all day, and uploading a fresh new copy fixed the issue. I don't think I will continue to work with this host... too many issues like this.

Fantastic add-on, by the way. The only thing I had to change was in the CSS. I changed this:

#navEZPagesTop .activeEZPage, #navEZPagesTop .activeILPage, #ezpages .activeEZPage, #ezpages .activeILPage {
    font-weight: bold;
    color: #AD006A;
    }

to this:

#navEZPagesTop a.activeEZPage, #navEZPagesTop a.activeILPage, #ezpages a.activeEZPage, #ezpages a.activeILPage {
    font-weight: bold;
    color: #AD006A;
    }

Otherwise, the links were not displaying in the styles I specified. Adding the "a" in those spots fixed the issue. and it now works great!

Glad you have it sorted. It's curious that you needed to add the "a" to the selector - my test (Classic) site didn't need this, and .activeEZPage etc. do not exist outside this mod, so would never have been styled elsewhere. #navEZPagesTop .activeEZPage would have a higher priority than #navEZPagesTop a which could already be used in the stylesheet, so it ought to override that. Anyway, there's a tip if you need help making the styling stick.

gjh42:

Glad you have it sorted. It's curious that you needed to add the "a" to the selector - my test (Classic) site didn't need this, and .activeEZPage etc. do not exist outside this mod, so would never have been styled elsewhere. #navEZPagesTop .activeEZPage would have a higher priority than #navEZPagesTop a which could already be used in the stylesheet, so it ought to override that. Anyway, there's a tip if you need help making the styling stick.

Does adding the "a" to your website's CSS break the add-on's functionality, or does it still work?

Makes no difference.

Thanks for another great mod, Glenn! Just noticed this new one now that I am again revisiting what to do with my EZPages links. Sounds like just what the doctor ordered once again. :hug:

Karen

reiterated from a related thread:

All that aside, I'm now having issues with image vertical alignment (using ezipages improved menu). Seems that the image is displayed higher than the line of text.

my site is here. Ezipages bar is at the top of the content area. Both the 'livestock' and 'product' stores have the same issue.

You have specified that all images in links have 6px of bottom padding:

a img{border:none;padding-bottom:6px}

Why did you add this padding? Either make a rule that applies only to the situation where you need padding, or make a rule for this situation where you don't want padding.

Great mod but I can't seem to change the normal header link colour. I've checked the stylesheets but nothing seems to take effect. Any pointers would be welcome!
By the way I had to add a. to the selector.

I need to see your site live to help you. Which selector did you add a. to? Are you referring to post #11? If so, what browser are you using?

Sorry - working far too late! It was the visited colour I was seeing. Once I added a class to the top of the new stylesheet problem solved!

Yes I meant in post #11 :blush:

Thanks again - it's perfect now!