{%- comment -%} modblo. Mega Menu Pro Replaces Buddha Menu / Qikify Menu apps. Reads from a Shopify Linklist (configured in Navigation settings). Top-level items render as nav buttons; second-level items render as columns; third-level items render as featured columns with optional images. {%- endcomment -%} {%- assign linklist = linklists[section.settings.linklist] -%}

{%- if section.settings.logo -%} {{ section.settings.logo | image_url: width: 240 | image_tag: loading: 'eager', widths: '120,240', sizes: '120px', class: 'modblo-mm__logo-img' }} {%- else -%} {{ shop.name }} {%- endif -%}

{{ link.title }} {%- if link.links.size > 0 -%} {%- endif -%} {%- if link.links.size > 0 -%}
{%- for col in link.links -%}
{{ col.title }}
{%- if col.links.size > 0 -%}
{%- for child in col.links -%}
{{ child.title }}
{%- endfor -%}
{%- endif -%}
{%- endfor -%} {%- comment -%} Featured promo card, rendered for the first top-level group only {%- endcomment -%} {%- if forloop.first and section.settings.promo_image -%} {{ section.settings.promo_image | image_url: width: 480 | image_tag: loading: 'lazy', widths: '240,480', sizes: '240px', class: 'modblo-mm__promo-img' }}

{{ section.settings.promo_eyebrow }}

{{ section.settings.promo_title }}
{{ section.settings.promo_cta }} →
{%- endif -%}
{%- endif -%}

{%- if cart.item_count > 0 -%} {{ cart.item_count }} {%- endif -%}

{%- comment -%} Mobile drawer, same linklist, accordion {%- endcomment -%}

{%- if link.links.size > 0 -%}
{{ link.title }}
- {{ col.title }} {%- if col.links.size > 0 -%}
  - {{ child.title }}
  {%- endif -%}
{%- else -%} {{ link.title }} {%- endif -%}

{% schema %} { "name": "Mega Menu Pro", "tag": "header", "settings": [ { "type": "header", "content": "Logo" }, { "type": "image_picker", "id": "logo", "label": "Logo (optional)" }, { "type": "header", "content": "Navigation" }, { "type": "link_list", "id": "linklist", "label": "Linklist", "default": "main-menu", "info": "Three-level deep menu supported. Top-level → mega columns → links." }, { "type": "header", "content": "Featured promo card" }, { "type": "image_picker", "id": "promo_image", "label": "Promo image" }, { "type": "text", "id": "promo_eyebrow", "label": "Eyebrow", "default": "New collection" }, { "type": "text", "id": "promo_title", "label": "Title", "default": "Spring 2026, now shipping" }, { "type": "text", "id": "promo_cta", "label": "CTA label", "default": "Shop the collection" }, { "type": "url", "id": "promo_url", "label": "Promo link" }, { "type": "header", "content": "Colors" }, { "type": "color", "id": "bg", "label": "Background", "default": "#ffffff" }, { "type": "color", "id": "fg", "label": "Foreground", "default": "#0b0b0c" }, { "type": "color", "id": "panel_bg", "label": "Mega panel background", "default": "#ffffff" }, { "type": "color", "id": "accent", "label": "Accent", "default": "#6366f1" } ], "presets": [{ "name": "Mega Menu Pro" }] } {% endschema %}

Mega Menus

Mega Menu Pro