WebAndPeople

Responsive Custom Menu

  • Popularity Score 16087 Popularity Score

    Popularity ScoreReferrals to Site/Downloads

    0 0 1+ 1+ 250+ 250+ 1000+ 1000+ 10000+ 10000+

Extension allows to customize top menu drop downs. Fully responsive and retina ready
Compatible with:
This extension is currently unavailable on Magento Connect. Please contact the developer.

You will be re-directed to the developer's website to complete your purchase.

You must be registered and logged in to get extension key.
In order to get this extension, you must be logged in to the Magento Community. Click here to login or register.
You must choose from Magento Connect Version 1.5.1.0 or 2.0.
Learn more

Magento Connect 1.0 change

FREE
Previous Next
Overview

Responsive Custom Menu

View TOP MENU EXAMPLE

Folder replacements in Magento 1.9

Please check the full description on the official product page: Custom Menu

Magento Extension Features Overview

  1. Responsive layout. Menu goes to one column drop down when screen resolution goes below 800px.
    Switching between full mode and single column mode is based on js. For small screens a submenu area appears when you click a menu item.
  2. Touchscreen support
  3. Apply a static block at the bottom of each drop down.
  4. Display all subcategories at once.
  5. Customize number of columns in the drop down.
  6. You might see an example on one of our premium templates
  7. You can set the width of the each static block. Display empty categories: Yes/No.
  8. Feature "Split categories left to right into columns" it allows to change the direction of columns filling with subcategories in the categories popup.
  9. Right-to-Left format support.
  10. Top offset is now defined automatically if it is set to zero.
  11. Tested in desktop browsers: IE 7, 8, 9, 10; Opera; Mozilla FF; Chrome; Safari
  12. Tested in mobile browsers: MS Windows Phone 7.5; Safari; Opera Mobile 12.10 (Android 2.3.6); Android 4.0.3 browser, Android 2.3.6 browser

Watch test on mobile devices

Note. Opera Mini does not fully support JavaScript. We would add some restrictions for Opera Mini in the next version of the extension.

User Guides: Custom Menu

FAQ: Custom Menu FAQ

Magento Dedicated Hosting

The best advanced solution to optimize speed. . Free website transfer. The best advanced solution to optimize speed.

Customer support

Support service works only with the form at Web-Experiment.info. If you have any questions, please feel free to email via our support form here: WEB-EXPERIMENT SUPPORT

Release Notes

Minor bug fixing

2015-06-17 07:27:24
  • Version number: 2.10.2
  • Stability: Stable
  • Compatibility: 1.7, 1.8, 1.8.1, 1.9
You must be registered and logged in to get extension key.

Magento Connect 2.0

Magento Connect 2.0

Fixed bug with hiding empty categories when flat catalog option is enabled.

Compatible with RWD Magento template

2014-11-05 23:09:31
  • Version number: 2.10.0
  • Stability: Stable
  • Compatibility: 1.5, 1.6, 1.6.1, 1.6.2.0, 1.7, 1.8, 1.8.1, 1.9
You must be registered and logged in to get extension key.

Magento Connect 2.0

Magento Connect 2.0

Added native RWD magento theme integration. Removed trigger to mobile menu based on a user-agent. Now menu trigger to a mobile view is based on a browser width. New option "Width to trigger to mobile view" defines from which browser width menu should appear in mobile format. Textual changes to the settings page.

Compatible with RWD Magento template

2014-11-05 23:08:12
  • Version number: 2.10.0
  • Stability: Stable
  • Compatibility: 1.4, 1.4.1.1, 1.4.2, 1.5, 1.6, 1.6.1, 1.6.2.0, 1.7, 1.8, 1.8.1, 1.9
You must be registered and logged in to get extension key.

Magento Connect 1.0

Magento Connect 1.0

Compatible with RWD Magento template. Added native RWD magento theme integration. Removed trigger to mobile menu based on a user-agent. Now menu trigger to a mobile view is based on a browser width. New option "Width to trigger to mobile view" defindes from which browser width menu should appear in mobile format. Textual changes to the settings page.

Fixed bug with highlighting selected category. Removed base64 content encrypting.

2014-08-26 05:04:09
  • Version number: 2.9.0
  • Stability: Stable
  • Compatibility: 1.5, 1.6, 1.6.1, 1.6.2.0, 1.7, 1.8, 1.8.1, 1.9
You must be registered and logged in to get extension key.

Magento Connect 2.0

Magento Connect 2.0

Fixed bug with highlighting selected category when Ajax Custom Menu loading is enabled. Removed option "Replace spaces with non-breaking spaces". Removed base64 content encrypting (potential SEO problem).

Fixed bug with highlighting selected category. Removed base64 content encrypting.

2014-08-26 05:02:50
  • Version number: 2.9.0
  • Stability: Stable
  • Compatibility: 1.4, 1.4.1.1, 1.4.2, 1.5, 1.6, 1.6.1, 1.6.2.0, 1.7, 1.8, 1.8.1, 1.9
You must be registered and logged in to get extension key.

Magento Connect 1.0

Magento Connect 1.0

Fixed bug with highlighting selected category when Ajax Custom Menu loading is enabled. Removed option "Replace spaces with non-breaking spaces". Removed base64 content encrypting (potential SEO problem).
1 2 3 4
Reviews

About the Developer

This extension was developed by and is supported by WebAndPeople

Rated 4.3 out of 5 by 110 reviewers.
Rated 5 out of 5 by Excellent Just GREAT but one little thing ... Blocks are not read so I can't use it. Created : wp_custom_menu_145_w150, I tried also with wp_custom_menu_145. I tried with many others category id but nothing.... The menu is great. I am using Grayscale, I did a copy of the folder webandpeople everywhere like somebody say. CSS are ok, but no block, so no image in my menu :( July 14, 2013
Rated 4 out of 5 by Works great and very easy to customize.. One bug though Manged to install it very easily and got it working at once, customized my menus through cms blocks, Everything works perfectly except on a product page, meaning it loads the subcategories that are set to show in navigation menu but doesn't loads the wp_cuctom_menu cms blocks... Please advise June 28, 2013
Rated 5 out of 5 by Works great, easy install and customisation Got it installed and customised to match my theme in a few minute with the help of their User Guide and FAQ. I'm on version 1.7.0.2 June 26, 2013
Rated 5 out of 5 by Best Extension for Mega Menu One of the best extension ever i found for mega menu June 3, 2013
Rated 4 out of 5 by Works pretty good in 1.7.0.2 For it to work with custom themes you need to copy the follow files copy webandpeople folder in the following locations skin/frontend/default/default/css to skin/frontend/your-package/your-theme-name/css ----------- skin/frontend/default/default/js to skin/frontend/your-package/your-theme-name/js ------------ app/design/frontend/default/default/layout to app/design/frontend/your-package/your-theme-name/layout ------------- app/design/frontend/default/default/template to app/design/frontend/your-package/your-theme-name/template May 31, 2013
Rated 5 out of 5 by Great alternate to Mega Menu I am really happy to see this as a free extension. May 31, 2013
Rated 1 out of 5 by DON"T USE IT the whole website is DOWN!!!! HORRIBLE!! the menu dissapeared !! awfull! do not recoment. waste of time!! May 31, 2013
Rated 5 out of 5 by Recomendo!! Recomendo! Facil de instalar, de alterar, no site do fabricante tem toda descrição de como fazer e etc... Gostei muito, tem um layout facil e moderno! May 26, 2013
Rated 3 out of 5 by Great extension. Thanks.. I am using your Custom Menu. A great extension. Thanks.. March 12, 2013
Rated 2 out of 5 by Not showing up Looks great, sounds great, back-end works fine, front-end, not so much.... Enable "Custom Menu": menu disappears. Disable "Custom Menu": menu returns. no errors are being thrown. I'm using version 2.4.0 from their site March 12, 2013
  • 2015-08-29T11:25:10.910-05:00
  • bvseo_lps, prod_bvrr, vn_prr_5.6
  • cp-5, bvpage2n
  • co_hasreviews, tv_110, tr_110
  • loc_en_US, sid_7743, prod, sort_default
<<prev 3 4 5 6 7 ... 11 next>>
Q&A
(60 Questions : 40 Answers)

Product Q&A

Ask your questions. Share your answers.

 
 
« Back
 
 
Sort by
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_26993939
Customer avatar
it installed correctly but the color scheme is off, ow do i change the colors?
by
coolrey3
-
2 years, 1 month ago
-1point
0out of 1found this question helpful.
Was this helpful?Yes0No1

Answers

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_255720
Customer avatar
Answer: 
Please check "How to change the Custom Menu style" guide:
http://web-experiment.info/articles/cat/custom_menu/post/custom_magento_menu_style/
by
WebAndPeople
-
1 year, 3 months ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_26638171
Customer avatar
Answer: 
Change the CSS code, or upload a custom CSS file.
The easiest way is to work with firebug.
by
storepeinture
-
1 year, 4 months ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0
 
2 answers

Images in Categories

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_27178222
Customer avatar
Hi,

I have followed the guide to add images using CMS Blocks into the menu, but they do not appear, I have looked into the code and it is only looking for blocks in the top level navigation, in our drop down we would like a image for each of the categories rather than text. How can this be achieved?
by
SteveChurch
-
1 year, 8 months ago
+1point
1out of 1found this question helpful.
Was this helpful?Yes1No0

Answers

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_26903147
Customer avatar
Answer: 
We would like to have this too. Is this currently implemented in the latest version?
by
rzrz
-
11 months ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_255720
Customer avatar
Answer: 
Your feedback will help us improve our products and services. I directed your request to the developer.
by
WebAndPeople
-
1 year, 3 months ago
-2points
0out of 2found this answer helpful.
Was this helpful?Yes0No2
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_26343703
Customer avatar
Hello,
I have install the Custom Menu extension. Following all steps that you recommend in tutorial.
But does not work. Can you help? my template is install in folder app/design/frontend/meigeetheme.
In the backend the options of configuration is visible. In frontend the default menu disappears but the Custom Menu is not visible!
I dont know more what to do to fix this!

I appreciate any help!

Thanks!
by
laraujo
-
1 year, 7 months ago
0points
0out of 0found this question helpful.
Was this helpful?Yes0No0

Answers

Customer avatar
Answer: 
Hi laraujo, for me the probleme was that i used a personal template for my website not the default template.

So to solve this i just copying the file located in Design and skin :

/app/design/frontend/default/default/layout/webandpeople/custommenu.xml

/app/design/frontend/default/default/template/webandpeople/custommenu/menucontent.phtml

/app/design/frontend/default/default/template/webandpeople/custommenu/top.phtml

/skin/frontend/default/default/js/webandpeople/custommenu/custommenu.js

/skin/frontend/default/default/css/webandpeople/custommenu/custommenu.css

In my own theme skin and design folder.

for exemple i put the entire folder:
webandpeople/custommenu/custommenu.css

in my theme : /skin/frontend/MyTheme/css/..

to have :/skin/frontend/MyTheme/css/ webandpeople/custommenu/custommenu.css

I found this problem by checking file list at :

https://web-experiment.info/articles/cat/custom_menu/post/faq_menu_files_list/

Good luck everyone ^^ (im not english sorry if they are spell mistakes)

Best regards,

Mini
by
publicastgroupe
-
4 months, 4 weeks ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_255720
Customer avatar
Answer: 
Hello, please check "The Custom Menu does not appear - check list" guide:
http://web-experiment.info/articles/cat/custom_menu/post/faq_menu_checklist
by
WebAndPeople
-
1 year, 3 months ago
0points
2out of 4found this answer helpful.
Was this helpful?Yes2No2
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_26739564
Customer avatar
I've reviewed many menu extensions for Magento 1.7 CE. Your looks great, but I keep seeing the same recurring trend - no active states for the parent links whether using a mega menu plug in or not. This is a very commonly requested feature. Do you have any custom drop down menu (mega menu or otherwise) that offers active states?

Thanks!
by
jc_w2m
-
2 years, 6 months ago
0points
0out of 0found this question helpful.
Was this helpful?Yes0No0

Answers

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_351217
Customer avatar
Answer: 
In the latest version (2.4.0) exists 2 CSS classes to select parent levels of a selected sub menu:
1. "act" for Top Level, example: <a class="itemMenuName level1 actParent"
2. "actParent" for others, example: <div id="menu64" class="menu act"

Or you mean something other?
by
Yura Gerassimenko
-
2 years, 5 months ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_26371631
Customer avatar
Hello,

I have tried thrice and each time extension is conflicting with front end display. Kindly provide the compatibility or any issues relevant with it

Thanks
Sash
by
sashdew
-
2 years, 4 months ago
0points
0out of 0found this question helpful.
Was this helpful?Yes0No0

Answers

Avatar Image Url:: http://www.magentocommerce.com/magento-connect/media/avatars/avatar_255720.jpg
Customer avatar
Answer: 
Hello,

There might be many reasons of incompatibility.
We have a check guide here https://web-experiment.info/articles/cat/custom_menu/post/faq_menu_checklist

In most cases our menu is not visible if the topMenu default block is overridden with a custom theme menu block.
by
WebAndPeople
-
2 months, 1 week ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_26238275
Customer avatar
I have just created categories, some with no or a few subcategories, some with many.

It seems your program tries to divide the number of categories per column equally, regardless of the number of subcategories.

This looks like this:
Col 1: Cat 1, Cat 2, Cat 3
Col 2: Cat 4, Cat 5, Cat 6
Col 3: Cat 7, Cat 8, Cat 9

For me this means that my first column is very short, and the second column (which only holds 2 categories, but both of them hold many subcategories) is much longer than the other columns, I would like to move one of the categories to another column, so that it would look like this:

Col 1: Cat 1, Cat 2, Cat 3, Cat 4
Col 2: Cat 5,
Col 3: Cat 6, Cat 7, Cat 8, Cat 9

This way the columns would visually be of somewhat equal length.

Is this possible?

Thanks.

Kind regards,
Robert
by
robertpeters
-
2 years, 4 months ago
0points
0out of 0found this question helpful.
Was this helpful?Yes0No0

Answers

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_255720
Customer avatar
Answer: 
Please check "Feature "Split categories left to right into columns"" guide:
http://web-experiment.info/articles/cat/custom_menu/post/custom_menu_left_to_right/
by
WebAndPeople
-
1 year, 3 months ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_27002084
Customer avatar
I want to add image in custom menu as shown in demo. How to do this?
by
pratik_chheda
-
1 year, 11 months ago
-1point
1out of 3found this question helpful.
Was this helpful?Yes1No2

Answers

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_27027166
Customer avatar
Answer: 
You can add images to the menu by creating the static block by the id as "wp_custom_menu_categoryid".

for display it in the right side of the menu you can
change your css as
add the
div.block1
{
width: 800px;
text-align: left;
float: left;
}
and at line 62

div.block2 {
padding: 10px;
display: block;
float: right;
width: 210px;
}
by
ssbhati
-
1 year, 10 months ago
+3points
5out of 7found this answer helpful.
Was this helpful?Yes5No2
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_27276862
Customer avatar
Is there a way to alter the position of the image. Maybe put it in its own column.
by
cherotoni
-
1 year, 9 months ago
0points
0out of 0found this question helpful.
Was this helpful?Yes0No0

Answers

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_27276862
Customer avatar
Answer: 
Decided to answer my own question....using the editor to insert an image allows you to position it relative to text and also use of float
by
cherotoni
-
1 year, 9 months ago
+1point
1out of 1found this answer helpful.
Was this helpful?Yes1No0
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_27305181
Customer avatar
Its Menu do not show in Home page and also show a error in admin
by
tarungpta
-
1 year, 9 months ago
-2points
0out of 2found this question helpful.
Was this helpful?Yes0No2

Answers

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_27388347
Customer avatar
Answer: 
Just log out of the admin account and log back in. :-)
by
vdaneshmand
-
1 year, 8 months ago
+5points
5out of 5found this answer helpful.
Was this helpful?Yes5No0
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_26638171
Customer avatar
Is it possible to highlight the top menu item, which the user has clicked and is looking at?

Example, just to make my idea clear:
- 4 top menu items (shoes, t-shirts, pants, accessories)
- all items have a blue background, but on hover, they become light blue with bold letters
- if you click any item of a top category (e.g. "pants"), I want that category to stay highlighted, so the user knows in which category he/she is, at all times.

1. Does this function exist with your extension?
2. If yes, do you have an example css-code on how to activate it?

Thank you!
by
storepeinture
-
1 year, 8 months ago
0points
0out of 0found this question helpful.
Was this helpful?Yes0No0

Answers

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_255720
Customer avatar
Answer: 
Please check "How to change the Custom Menu style":
http://web-experiment.info/articles/cat/custom_menu/post/custom_magento_menu_style/

The active menu background style:
div.menu a:hover, div.menu.active a {
background: #COLOR;
}
by
WebAndPeople
-
1 year, 3 months ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0
  • 2015-08-29T11:27:01.554-05:00
  • bvseo_lps, prod_bvqa, vn_prr_5.6
  • cp-1, bvpage1
  • co_hasquestionsanswers
  • loc_en_US, sid_7743, prod, sort_default
2 3 next>>
  • 2015-08-29T11:27:01.558-05:00
  • bvseo_lps, prod_bvqa, vn_prr_5.6
  • cp-1, bvpage1
  • co_hasquestionsanswers
  • loc_en_US, sid_7743, prod, sort_default
2 3 next>>
Get Help

Support for This Extension

The best place to start if you need help with a specific extension is to contact the developer. All Magento developers have both a contact email and a support email listed.

Magento Platform Support

If you need support for a Magento platform, there are different options for support depending on which Magento platform you are using. Below are links for specific platforms.

In order to upload extension, you must be logged in to the Magento Community. Click here to login or register.

Close

Register

* Required Fields

Close window

Forgot Your Password?

Please enter your email below and we'll send you a new password.

* Required Fields

Close window

Login

To upload extension you must be logged in.

* Required Fields

Close window

You are using an outdated browser

We built Magento Connect using the latest techniques and technologies.
This makes Magento Connect faster and easier to use.
Unfortunately, your browser doesn't support those technologies.
Use the links below to download a new browser or upgrade your existing browser.