WebAndPeople

Responsive Custom Menu

  • Popularity Score 12502 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.
In order to get this extension, you must have active Magento Go Store. Click here to create Go store.
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

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

Ajax loaded content is now hidden from search engines.

2014-04-09 15:07:55
  • Version number: 2.8.0
  • Stability: Stable
  • Compatibility: 1.5, 1.6, 1.6.1, 1.6.2.0, 1.7, 1.8, 1.8.1
You must be registered and logged in to get extension key.

Magento Connect 2.0

Magento Connect 2.0

Ajax loaded content is now hidden from search engines.
In previous version search engine bots were able to load menu content via direct http link:
http://www.yourdomain.com/custommenu/ajaxmenucontent

Ajax loaded content is now hidden from search engines.

2014-04-09 15:06:06
  • Version number: 2.8.0
  • Stability: Stable
  • Compatibility: 1.4, 1.4.1.1, 1.4.2
You must be registered and logged in to get extension key.

Magento Connect 1.0

Magento Connect 1.0

Ajax loaded content is now hidden from search engines.
In previous version search engine bots were able to load menu content via direct http link:
http://www.yourdomain.com/custommenu/ajaxmenucontent

Fixed mobile menu 2.6.0 initialization

2014-04-02 16:38:22
  • Version number: 2.7.0
  • Stability: Stable
  • Compatibility: 1.5, 1.6, 1.6.1, 1.6.2.0, 1.7, 1.8, 1.8.1
You must be registered and logged in to get extension key.

Magento Connect 2.0

Magento Connect 2.0

Fixed mobile menu initialization. Mobile menu 2.6.0 version were only working with "Load content through ajax" option enabled.
"Loading..." and "Menu" are now hidden from search engines.

Fixed mobile menu 2.6.0 initialization

2014-04-02 16:37:45
  • Version number: 2.7.0
  • Stability: Stable
  • Compatibility: 1.4, 1.4.1.1, 1.4.2
You must be registered and logged in to get extension key.

Magento Connect 1.0

Magento Connect 1.0

"Loading..." and "Menu" are now hidden from search engines. Mobile menu 2.6.0 version were only working with "Load content through ajax" option enabled.

Important SEO changes

2014-03-24 15:35:31
  • Version number: 2.6.0
  • Stability: Stable
  • Compatibility: 1.5, 1.6, 1.6.1, 1.6.2.0, 1.7, 1.8, 1.8.1
You must be registered and logged in to get extension key.

Magento Connect 2.0

Magento Connect 2.0

Popup window is hidden from search engines. Menu source code is always at the bottom. More info: What's new in the Custom Menu 2.6.0, 2.7.0
1 2 3
Reviews

About the Developer

This extension was developed by and is supported by WebAndPeople

Responsive Custom Menu 4.2 5 93 93
Works great in 1.7.0.2 my prefered mega menu and Free!. this new version with responsive menu is very useful and can be integrated with new themes and more Css for customisation. i use it with Pblock (oggetto) to display products in megamenu with shortcode in cms block. thanks for this work. August 26, 2013
Cool Extension This extension is awesome features and even the support for the extension also quick response. August 7, 2013
Great and useful ! Very good work, wonderful menu but ... Blocks are not displayed in the menu. I tried everything.. wp_custom_menu_145_w150 or wp_custom_menu_145. Change the category's id but nothing :( Anybody ? Please help ! :) July 14, 2013
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
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
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
Best Extension for Mega Menu One of the best extension ever i found for mega menu June 3, 2013
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
Great alternate to Mega Menu I am really happy to see this as a free extension. May 31, 2013
DON"T USE IT the whole website is DOWN!!!! HORRIBLE!! the menu dissapeared !! awfull! do not recoment. waste of time!! May 31, 2013
<<prev 2 3 4 5 ... 10 next>>
Q&A
(34 Questions : 18 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
-
1 year ago
-1point
0out of 1found this question helpful.
Was this helpful?Yes0No1

Answers

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
-
3 months, 3 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: 
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 month, 3 weeks ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0
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
-
1 year, 5 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
-
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_27276862
Customer avatar
Is there a way to alter the position of the image. Maybe put it in its own column.
by
cherotoni
-
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_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
-
8 months ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0
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
-
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_27388347
Customer avatar
Answer: 
Just log out of the admin account and log back in. :-)
by
vdaneshmand
-
7 months ago
+1point
1out of 1found this answer helpful.
Was this helpful?Yes1No0
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_26230066
Customer avatar
menu displayed on default theme

Menu path Display in path hint:-(frontend/default/default/template/webandpeople/custommenu/top.phtml)

But when i select my custom theme

Menu path Display in path hint:-
frontend/voostore/default/template/page/html/topmenu.phtml

then menu does not display.
My question is why 'webandpeople' block not displayed ?
where can i put changes to display this block on my custom theme?
by
HASSAN SHAHZAD
-
4 months, 1 week ago
0points
0out of 0found this question helpful.
Was this helpful?Yes0No0

Answers

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_27486563
Customer avatar
Answer: 
You need to pull the webandpeople template and layout into your custom template file structure and it should start to work.
by
jsnightingale
-
3 months, 3 weeks ago
-1point
2out of 5found this answer helpful.
Was this helpful?Yes2No3
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
-
10 months ago
-1point
0out of 1found this question helpful.
Was this helpful?Yes0No1

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
-
9 months ago
0points
1out of 2found this answer helpful.
Was this helpful?Yes1No1
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
-
1 year, 2 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 month, 3 weeks 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
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
-
7 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 month, 3 weeks ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0
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
-
7 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: 
Your feedback will help us improve our products and services. I directed your request to the developer.
by
WebAndPeople
-
1 month, 3 weeks ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_26252565
Customer avatar
I'm using magento 1.7.0 and I installed wp_custom_menu its working fine but only problem is, unlike ur demo in pop all category and its subcategory are looking in same color and fonts. So we can not identified which is parent category and which its subcategory.
please Give me some tricks to achieve it .. thanks
by
saurabh90it
-
7 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" guide:
http://web-experiment.info/articles/cat/custom_menu/post/custom_magento_menu_style/
by
WebAndPeople
-
1 month, 3 weeks ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0
2 next>>
2 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.