Dawn Theme: Adding product images to Mega Menu

Store Design
, ,
1

I have not found any information regarding this on any forms. I am trying to figure out a way to have the main product image for each product next to button to click to the product page.

I am guessing there is some way to call each product img next to the product in the mega menu liquid but I can not figure it out.

I want this implemented on the mega menu, as shown below:

image (4).png
image (4).png1600×792 116 KB

2

Sorry i forgot to add my website: https://overnightmelee.com

3

I have found a half update myself

{% assign product_handle = grandchildlink.handle %}
{% assign product = all_products[product_handle] %}
{% if product %}
{{ product.title | escape }}
{% endif %}
{{ grandchildlink.title | escape }}

{%- endfor -%} {%- endif -%} {%- endfor -%}

this is the code I have in the mega menu liquid at the moment. I am able to get a image box to display in my menu, but it is incorrectly calling it as its showing a no image placeholder. What would the correct url be to gather the product image for each one? Because {{ product.title | escape }} is not working.

4

Hello,
It looks like you’re making great progress. I’m not a coder, so I can’t help there, but when I looked at your menu it looks like the PERFECT use case for Meteor Mega Menu (if you’re open to an app solution).
I’d suggest looking at the “Riviera” template first. You can see it in action here: https://meteor-outdoor.myshopify.com/

The “Stardust” template might work as well. You can try Meteor with this link: https://apps.shopify.com/meteor-mega-menus/?ref=forum
I hope this helps :blush: