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
Shopify Partner
1756 289 374

Send me your store url so i can check

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
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

Success.

Shopify Partner
1756 289 374

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.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
Excursionist
35 1 1

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

0 Likes