Contao: Teasers in dropdown navigation -

i need make dropdown navigation, every parent navigation item, in dropdown area show child pages + 3 images title linked other pages.

i need 'custom navigation' module option select images (or add custom class, , image page).

is there extension use this? if not, easier/faster change/extend core module, or should create new one?

thanks!

example ('kollektion' menu-item hovered. gray area submenu container)

i don't know of extension allow including image specific link in navigation menu. if willing css styles, here's how it:

any page can have multiple custom css classes , apply navigation (unless navigation template has been changed in such way don't anymore). place enter these css classes @ bottom of edit page view, under expert settings. add css classes want , edit style sheet make them right.

if 3 pages not supposed subpages current page, lead somewhere else, can use "internal redirect" page type them.

the css in addition regular styling:

.level_2 li {     float: left;     clear: left; /* stack them on top of 1 another*/ }  .level_2 li.special_class {     display: inline-block;     vertical-align: top; }  .level_2 li.special_class:before {     display: block;     content: '';     width: /* intended image width */     height: /* intended image height */ }  .level_2 li.special_class.foo {     background-image: url('foo'); }  .level_2 li.special_class.bar {     background-image: url('bar'); }  ... 

please remember isn't supposed complete solution, rather principle upon can build own. may want add backwards compatibility older browsers (or not), etc.