Hide collection with 0 products in mega menu list

Hide collection with 0 products in mega menu list

In mega-menu-list.liquid, add the followings:

{% for childLink in link.links %}

{% if childLink.object.products_count > 0 %}

{% assign break_after_modulo = forloop.index | modulo: links_before_wrap %}

<li

{% if break_after_modulo == 0 and should_break_columns %}

style="break-after: column;"

{% endif %}

>

<a

href="{{ childLink.url }}"

class="mega-menu__link"

>

<span class="mega-menu__link-title wrap-text">{{- childLink.title -}}</span>

</a>

</li>

{% endif %}

{% endfor %}

In header-drawer.liquid, line 401:

{%- for grandchildlink in childlink.links -%}

{% if grandchildlink.object.products_count > 0 %}

<li

class="menu-drawer__list-item"

style="--menu-drawer-animation-index: {{ forloop.index }};"

>

<a

id="HeaderDrawer-{{ link.handle }}-{{ childlink.handle }}-{{ grandchildlink.handle }}"

href="{{ grandchildlink.url }}"

class="menu-drawer__menu-item menu-drawer__menu-item--child focus-inset{% if grandchildlink.current %} menu-drawer__menu-item--active{% endif %}"

{% if grandchildlink.current %}

aria-current="page"

{% endif %}

>

{% if render_link_image %}

{% render 'link-featured-image',

link: grandchildlink,

class: 'menu-drawer__link-image',

sizes: 'auto, 400px'

%}

{% endif %}

<span class="menu-drawer__menu-item-text wrap-text">

{{- grandchildlink.title | escape -}}

</span>

</a>

</li>

{% endif %}

{%- endfor -%}