WebAndPeople

Responsive Custom Menu

  • Popularity Score 16143 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 110 110
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
Working great on 1.7 thanks for this aweseome extension Would be nice if the extension would display the menu items and sub items names in the source code instead of menu-34, menu-31 etc. May 13, 2012
Hi, I intall but nothing appear on back-end, i have a blank page magento 1.4.1 help, thanks May 8, 2012
It all seems to work perfectly in version 7 May 3, 2012
It´s great for me it works fine on 1.6.2.0 www.pipe-tobacco-shop.de April 12, 2012
Same problem as JOEL0903, the extension don`t work in magento 1.7. Backend works well but nothing happens in the frontend. March 20, 2012
Does the extension work on 1.6.2? I have installed it on a test server (have used it for several months) and it works fine.. on 1.4.2. My client's production server is 1.6.2 and I see nothing. I'll check the server log in the morning, but from a web client.. the extension shows up in the admin, and can be configured. Nothing happens in the frontend, however. The container div isn't showing in the html. I have remarked out the code in top.phtml and put in static html, which also doesn't render. When I turn on Template Path Hints, the block file does not appear to be on the page at all. The production site url is http://www.caraccessories.com March 15, 2012
nice Extension March 5, 2012
Thanks for this extension. I am having a problem with the menu items having an extra forward slash in the URL with Mod_Rewrite enabled. For an example, please look at: http://isolutionspro.ca The top nav links still work, just would like to have them properly formatted. Thanks for any insight. February 13, 2012
Hi, this is causing a conflict with my J2T Ajax Cart lite plugin. Our server logs are showing the following: Call to a member function addItem() on a non-object in /app/code/local/WP/CustomMenu/Block/Toggle.php on line 12 This appears to be pointing to some conflict in your custommenu.js file with the ajax cart plugin Any suggestions on how we might fix this ? Thanks for an otherwise great plugin ! February 8, 2012
  • 2015-09-01T13:03:41.438-05:00
  • bvseo_lps, prod_bvrr, vn_prr_5.6
  • cp-8, bvpage2n
  • co_hasreviews, tv_110, tr_110
  • loc_en_US, sid_7743, prod, sort_default
<<prev 6 7 8 9 10 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, 5 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
-
5 months ago
+1point
1out of 1found this answer helpful.
Was this helpful?Yes1No0

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, 2 weeks 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, 10 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-09-01T13:03:54.176-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-09-01T13:03:54.181-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.