Menu items with category picture on background

[Lorentztm]

Hello!
 
I am trying to change my menu so it would have the image of the categories i selected to be part of the top menu on background, as the attached image shows.

 

So i've added to the ps.mainmenu.tpl file, on line 23, the following code (taken from category.tpl, line 33):

<div class="menu-text">{$node.label}</div>
<img class="menu-image" src="{$category.image.large.url}" alt="{$category.image.legend}">

While it looks good, when I change the page i'm on, the image changes as well, showing the image of the current category i'm in. 

 

Question: what can i do so the picture that appears on the background of each menu item is the picture of its own category?

 

 

Btw, great job with Prestashop 1.7, it's way easier to work with.

[Andrej Stas]

Can you post here you eshop? It would be easier to advise.

[Lorentztm]

Can you post here you eshop? It would be easier to advise.

Hi Andrej, thank for your reply.

My website is currently on localhost, so it's not really possible.

What details would you like me to provide?

[Lorentztm]

Hi!

 

I still haven't figured it out, I could use some help from someone with experience.

 

Thank you!

[Andrej Stas]

I would like to help you, but I need to see your eshop live. If you can install it online somewhere, let me know.