Adding image to Mega Menu - Impulse Theme

TBS2023
Excursionist
59 1 1

Hello

I would like to add a promotional image to my mega menu ( not a collection image).

Like this

TBS2023_0-1715666662546.png

https://www.thebodyshop.mt/

This website is also using the same theme so i would just like to know how they did it . if anyone can help.

Thanks

Replies 8 (8)

LuffyOnePiece
Shopify Partner
512 78 94

Hi @TBS2023 ,

One of the most basic ways to add images to the Shopify mega menu is to use a collection feature image. 

First, you need to upload an image to your collection that are linked in the navigation menu.

 

After that, to add an image to Shopify mega menu, you will need to make sure the menu item has an image associated with it by linking it to a collection.

 

Here is the sample code.

<ul class=”grid-uniform”>
{% for link in linklists.links %}
<li class=”grid__item small–one-third medium–one-fifth”>
<a href=”{{ link.url }}”>
{% if link.type == “collection_link” and link.object.image %}
{{ link.object.image | img_url: ‘small’ | img_tag }}
{% endif %}
{{ link.title }}
</a>
</li>
{% endfor %}
</ul>

 


Please don't hesitate to reach out if you need further help optimizing or customizing your store. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
LuffyOnePiece



Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
TBS2023
Excursionist
59 1 1

Thank you but i do not want a Collection image. I want the image to appear on the side and be separate from the menu. Like the photo i added

TBS2023
Excursionist
59 1 1

@LuffyOnePiece 

Can you find out how the other site did it? through code i suspect?

LuffyOnePiece
Shopify Partner
512 78 94

Hi,

 

If it is still not fixed. Please get connected so that I can help you out.

 

Thank you

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184

Benjamen
Shopify Partner
51 4 7

Hello,
What you're describing is exactly why we made Meteor Mega Menu. All of our menu images can be customized and I think "Fortress" would be the closest to what you're looking for.
If you need help customizing a look, our support is always ready to help guide you on your way.
I hope this helps 😊

Benjamen @ Helium
- Customer Fields ✪✪✪✪✪ (300+ reviews)
- Meteor Mega Menu ✪✪✪✪✪ (200+ reviews)
TBS2023
Excursionist
59 1 1

My issue with an App is that i have a multi language website - of which arabic is the second one - 

All Apps are payable for translations

Benjamen
Shopify Partner
51 4 7

I see that problem 🫣
If your theme has multi-language support then you can use a free Shopify app called "Translate and Adapt" in conjunction with a mega menu app like Meteor Mega Menu, conversely something like "qikify Mega Menu" has multiple languages on their app's demo store.
I hope this helps 😊

Benjamen @ Helium
- Customer Fields ✪✪✪✪✪ (300+ reviews)
- Meteor Mega Menu ✪✪✪✪✪ (200+ reviews)
TBS2023
Excursionist
59 1 1

Thank you but I would ideally like to do it without an app and also know how the other store managed to do it without?

Is it a big customization or just a few twerks?