Pure CSS Mega Menu

[MaxBodine]

Install went well. Good directions.
What I am trying to figure out is how I can display the top level categories along the top main menu. Now it comes off of Shop and I have turned off the top menus I am not using.
https://uesakausa.com Zen cart 1.5.5f

Instead of Shop on the top level I would like the top level categories, then subcats off of those.

Training | Competition | Custom Bumpers | Apparel & Access | About Us | Info | Connect then sub categories similar to this:
Bumpers Bumpers Platinum
Metal Metal Uesaka
Bars Bars
Collars

Not sure how to do this. I am assuming it is in here tpl_mega_menu.php but have no clue how to change this code without blowing it up. Couldn't find any tutorial or post. Thanks in advance for any help! Got a headache on this one.

Does anyone have a mega menu that has the top level categories in the main part and the sub categories drop down and branch out from there? Can you offer me any ideas on how to proceed?

Thanks,

Max

[kavlito]

Is the Pure CSS Mega Menu compatible with 1.5.5f - My Responsive Classic template? I've installed it and it is a mess.

[MaxBodine]

I did the same thing, and I am still working through it too. I will keep posting as I go. I just found out the mega menu is not responsive. What I did was keep the mega menu for my desktop and put this code below in responsive.css and responsive_mobile.css. Not sure if you made a custom template or not. If you did copy those two files in your custom template css folder with the changes.

@media (min-width:0px) and (max-width:480px){ #mega-wrapper { display:none;visibility:hidden; }

Now the problem I am working on is this works until they get to the product info page, then the menu is loosing the css. That may be do to other changes I made. I would be interested if you do not have that problem if you try my fix. That may head me in the right directions too.

Good Luck hope this helps. And I will keep updating as I figure it out.

[MikeyG]

Just installed on a local server zc 2.0.1 and then installed Bootstrap template. Thought I would see if I could get this mega menu working, but there is a slight issue to this ...... I am not a coder.

I have managed to change the language file and get it working, but there are loads of other errors which mean that the site does not load. I have found out for example if you have no manufactures listed against product it will not work. Not solved the issue other than adding a manufacturer and assigning it to a product. So now I have this error: PHP Warning: Undefined array key "customer_id" in .......bootstrap\common\tpl_mega_menu.php on line 197. Is there any thing I should be doing help migrate this across to PHP8 and the new version of ZC. Has anyone else used this in with the bootstrap template? Thank you in advance for your help.

[torvista]

Recently I tried it out and cleaned it up for dropping into responsive classic

https://github.com/torvista/Zen_Cart-Pure_CSS_Mega_Menu

but have ended up not using it for the moment.
Maybe that's of use/ you could add your fixes for Bootstrap.

[MikeyG]

torvista, thank you for the link I shall take a look and post back any thing I discover that will help others. Looking at the change logs you list on github your fixes seem to highlight the errors that the zc logs are reporting for me, so hopefully all will work. Thank you.

[MikeyG]

Okay this is the error that I get PHP Fatal error: MySQL error 1054: Unknown column 'pages_title' in 'order clause' :: select * from ezpages where status_header = 1 order by header_sort_order, pages_title ==> (as called by) \WWW-Server\........\includes\modules\sideboxes\bootstrap\ezpages_drop_menu.php on line 23 <== in \WWW-Server\.......\includes\classes\db\mysql\query_factory.php on line 714.

Looking at the tables using php admin the pages_title is not in ezpages but in ezpages_content

I have tried this at line 23 and seems to work:

$page_query = $db->Execute("select *, ".TABLE_EZPAGES_CONTENT .".pages_title from " . TABLE_EZPAGES . " JOIN ". TABLE_EZPAGES_CONTENT. " ON ezpages.pages_id = ". TABLE_EZPAGES_CONTENT .".pages_id where status_header = 1 order by header_sort_order, pages_title");


Hope that helps others get the menu into their template this is my first foray into coding for a while and I was never an expert anyway. If anyone sees any issues regarding security or anything else to do with the query or performance then please feedback or comment. I have not done anything regarding the CSS and boostrap yet but will continue to test.

Thanks