WebAndPeople

Responsive Custom Menu

  • Popularity Score 15230 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

Responsive Custom Menu 4.3 5 109 109
This extension doesn't seem to work with 1.7. Every time I enabled the custom menu extension, the frontend links went missing and nothing shows up. I am using the Classic theme. November 13, 2012
FREE EXTENSION Just followed the guide on their website, and it worked fine for me. :) Thanks for this useful extension! July 20, 2012
How do I add pages to the menu? I want to add i.e. contact, information and blog. Tried to edit the top.phtml file but that doesn't work. My links get bullet points and don't line up with the rest of the menu. Great extension by the way, if I just could get this to work. July 4, 2012
Great work However, we've noticed some strange behaviour when setting the submenu columns We've fixed this by changing the explodeByColumns() function at WP_CustomMenu_Block_Navigation Changing the line... if ($count) $target = array_chunk($target, ceil($count / $num)); By... if ($count) $target = array_chunk($target, max(floor($count / $num),1)); Does the trick June 12, 2012
Hi Downloaded custom menu and installed. Followed online instructions, got the 404 page, cleared cache, refreshed all cache, enabled in backend but no custom menu showing. When installing does any files have to be copied to custom theme folders as well as to default folders? Have recently upgraded to v1.6.2 before going to 1.7 and have a custom theme/template but nothing that has changed basic installed menu structure. No ref to custom menu links appear in page source. Have tried on a test site with default config and ok so must be something relating to custom theme but can't see what! June 7, 2012
awesome extension but how to obtain that 'wp-custom-menu-popup' appears with a short delay on mouseover? May 21, 2012
The latest 1.5.1 release works fine with 1.7.0.0. Thankyou for a Fantastic Extension and thankyou for the reply to my support email which you answered pretty much instantly (I had 1.4.7) May 20, 2012
Hello, I am using your Custom Menu. A great extension, i must say ... But there is one problem. Ik can't let magento merge all js into 1 file, because the custom menu disappears ... Do you have a solution? May 18, 2012
Hello, i#ve installed it on 1.7. But after enabling it in backend, no menu is shown on frontend!! May 17, 2012
I upgraded to version 1.7 and the custom menu is working. I do have a question though. How do i get a popup to just show an image instead of catagories. I want one of my top menu links to show nothing else but a promotional image. How do I go about doing that? May 14, 2012
  • 2015-07-01T12:58:06.894-05:00
  • bvseo_lps, prod_bvrr, vn_prr_5.6
  • cp-7, bvpage2n
  • co_hasreviews, tv_109, tr_109
  • loc_en_US, sid_7743, prod, sort_default
<<prev 5 6 7 8 9 ... 11 next>>
Q&A
(57 Questions : 33 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, 11 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_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, 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_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, 1 month 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, 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_26903147
Customer avatar
Answer: 
We would like to have this too. Is this currently implemented in the latest version?
by
rzrz
-
9 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, 1 month 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, 5 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
-
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_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, 1 month ago
+1point
2out of 3found this answer helpful.
Was this helpful?Yes2No1
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, 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_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, 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, 9 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, 8 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, 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
-
1 year, 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_27305181
Customer avatar
Its Menu do not show in Home page and also show a error in admin
by
tarungpta
-
1 year, 7 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, 6 months ago
+5points
5out of 5found this answer helpful.
Was this helpful?Yes5No0
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
-
1 year, 3 months ago
+2points
3out of 4found this question helpful.
Was this helpful?Yes3No1

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
-
1 year, 3 months ago
-3points
3out of 9found this answer helpful.
Was this helpful?Yes3No6
 
1 answer

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_282748
Customer avatar
This string is added to end of the url's after installing the extension:



Can you tell how to have this removed?

Otherwise great extension, thank you.
by
josborn1234
-
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_25954166
Customer avatar
Answer: 
You need to select "No" for "Use SID on the frontend" option in Magento administration...

System > Configuration > Web. Look for the ‘Use SID on the Frontend’ setting and set it to ‘No’
by
pieroluiz
-
1 year, 2 months ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_27250777
Customer avatar
Hello is there a way to make parent categories not clickable?
by
johnpap12345
-
1 year, 1 month ago
+1point
1out of 1found this question helpful.
Was this helpful?Yes1No0

Answers

Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_27632027
Customer avatar
Answer: 
Open the file app/code/community/WP/CustomMenu/Block/Navigation.php ,

Find javascript:void(0); and replace it with # and also do rel="#" .

That's it
by
harvendra10
-
6 months ago
0points
0out of 0found this answer helpful.
Was this helpful?Yes0No0
  • 2015-07-01T12:57:48.674-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-07-01T12:57:48.679-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.