Adding image to Mega Menu - Impulse Theme

Store Design
,
2

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.


{% for link in linklists.links %}
- {% if link.type == “collection_link” and link.object.image %}
  {{ link.object.image | img_url: ‘small’ | img_tag }}
  {% endif %}
  {{ link.title }}

{% endfor %}

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