Shopify themes, liquid, logos, and UX
Hello
I would like to add a promotional image to my mega menu ( not a collection image).
Like this
This website is also using the same theme so i would just like to know how they did it . if anyone can help.
Thanks
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
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
Can you find out how the other site did it? through code i suspect?
Hi,
If it is still not fixed. Please get connected so that I can help you out.
Thank you
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 😊
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
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 😊
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?
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025