Top menu with images

Questions
,
1

Hi,

For our customer I have to develop top menu with categories and images. I would like to reach effect as below. I’ve tried to find some information how do to it, but without any results. Is there any guide how to implement such functionality?

Megameny

Regards,
Krzysiek

Litium version: 7.7

2

You want to put all filters in MegaMenu?

3

No, I’ve got assortment with categories, but customer need also images with links to realizations…

4

You can try to add the images to the

NavigationViewModelBuilder.cs

as ContentLinkModels ImageModel or add an extra imageUrl property and present it on frontend Navigation.js like this for example:

<div className="navbar__item-image">
<img src={link.imageUrl}></img>
</div>
5

Another solution is to use the Editor field when editing Mega menu page, where you can add images and links:

image
image1374×1143 66.1 KB

image
image2235×689 72.1 KB

6

@steve.redstorm thank you very much, it’s working :slight_smile:

2 Likes
7

@ton.nguyen thanks for help, I will try your suggestion… can be helpful in the next project phase :slight_smile:

1 Like
8

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.