My third nested sub-menu of a nested menu isn't appearing on the page

Solved
Highlighted
Excursionist
35 1 1

So I have this as my navigation barimage.png

 

So i could do up to this much from code but what is not happening is the Men's Jacket have 2 child in them Bomber and Biker Jacket. Those 2 Jacket Category are not appearing on the front -end. Here is my back-end navigation bar structureimage.png

 

Here is what i have done until now

<div class="la-menu-wrap">
  <nav class="navbar navbar-default l-main-nav">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#lcollapse-nav">
        <span class="sr-only"> Navigation </span>
      </button>
    </div>
    <div class="collapse navbar-collapse" id="lcollapse-nav">

      {%- for link in linklists[section.settings.main_linklist].links -%}
          {%- if link.links == blank -%}
          <ul id="menu" class="nav navbar-nav navbar-right">
            <li class="active"><a href="{{ link.url }}"> {{ link.title }} </a> </li>
          {%- endif -%}

          {%- if link.links !=blank -%}
          <li class="dropdown megamenu-fw">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"> {{ link.title }}
              <b class="caret"></b>
            </a>
            <ul class="dropdown-menu megamenu-content" role="menu">
              <li>
                <div class="row">

                  {%- for childlink in link.links -%}
                  <div class="col-sm-3">
                    <a href="{{ childlink.url }}"><h5 class="title">{{ childlink.title }}</h5></a>


                      {%- for sublink in childlink.Links -%}
                        <ul>
                          <a href="{{ sublink.url }}">
                            <li> {{ sublink.title }} </li>
                          </a>
                        </ul>
                      {%- endfor -%}
                  </div>
                  {%- endfor -%}

                </div>
              </li>
            </ul>
          </li>
          {%- endif -%}
      {%- endfor -%}
    </div>
  </nav>
</div>

Did i miss anything on my code so that the 2 Jacket Categories are not appearing?

0 Likes
Highlighted
Shopify Expert
3909 559 938

Send me your store url so i can check

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Excursionist
35 1 1

Sure

This is the store url : spica-tech.myshopify.com

Password is : reazay

The collections pages are not set up yet tho

0 Likes
Highlighted
Shopify Expert
3909 559 938

This is an accepted solution.

May be because of you have user wrong object:

 

{%- for sublink in childlink.Links -%}

Change it to:

 

 

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

Note: you have used childlink.Links it must in small latter not capital.

 

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Excursionist
35 1 1

Thanks a lot i didn't even noticed that yet. Thanks a lot :D

0 Likes