T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Hector Bolanos
  2. General Discussion
  3. Friday, June 21 2013, 01:42 PM
  4.  Subscribe via email
Hi,

In the drop-down menu of the main navbar, I would like to show a different module for each sub-menu item. That is, when the user hovers over a particular sub-menu item, a module specific to that item is displayed.

I've attached two images:

a) An example of what I am trying to emulate: "ettv example.png"

a) What I have at the moment: "customizing module shown in dropdown menu.png"

How can I achieve this?

Thanks in advance! :)

Hector
Attachments (2)
Comment
There are no comments made yet.
Admin Accepted Answer Pending Moderation
0
Votes
Undo
Hi Hector Bolanos,

I may misunderstand what you mean.
T3 Megamenu let you choose any module to show in the submenu area.

On our demo site:
http://demo.t3-framework.org/joomla30/
- A module named "Random Image" in Typography menu item
- A module named "T3 Layout Video" in Joomla Pages menu item
- And a login module menu in Layout menu item

Please take reference in http://t3-framework.org/video-series.html or http://t3-framework.org/documentation/t3-settings.html#megamenu-setting for more information.

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Hector Bolanos Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

Sorry I was not clear enough.

Please go to http://www.barrylongtv.com and click on the "Explore" menu item. A drop-down menu will show with 5 main topics. When you hover each one, a specific submenu shows to the right.

What I want to achieve, if possible, is this: When the drop down menu shows, have a blank space to the right and within the drop-down menu area. In this blank space is where the content of the modules shows. The content is always shown within the same blank space.

You can see how this effect is nicely achieved at http://www.eckharttolletv.com

Perhaps this requires special customization, so I would be grateful for any pointers or help you may be able to provide me with.

Thanks,
Hector
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Admin Accepted Answer Pending Moderation
0
Votes
Undo
Hi Hector,

I am understand now. And I do not think it is possible to do with Megamenu by default.

You can use extra class and add some custom css that make the submenu (level3) is placed same place as level 2.
Though I will not give the detail here.

Here some basic rule:

1. Add extra class to Explore dropdown.
2. Extend the width of Explore dropdown to a bigger block (400px - 600px)
3. Set the width of ul.mega-nav of the Explore dropdown to about 180px, that will result the space on the right. This one should have css position 'relative'
4. Set all li.dropdown-menu should have position css 'static'
5. Set the height of all dropdown (level 3) to the same height as ul.mega-nav above
6. Style level 3 dropdown to match your style.

This require some css skill to customize this one.

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Hector Bolanos Accepted Answer Pending Moderation
0
Votes
Undo
That's wonderful, thank you! :)

Hector
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.