如何创建第三级菜单(Shopify)

时间:2018-01-08 05:52:56

标签: shopify

您能否指导我,如何在shopify中创建第三级菜单。

(几乎)任何Shopify主题的子下拉菜单。

提前致谢。

1 个答案:

答案 0 :(得分:0)

导航: 如果您的Shopify后端更新,那么简单的拖动和拖动到三个级别 见:截图http://prntscr.com/hzu8n3 或者用作创建具有相同子菜单句柄的新菜单。

并使用以下代码

<div class="menuItems">
    <ul class="mebItemParent">
      {% for link in linklists.mobile-menu.links %}
      {% if linklists[link.handle] == empty %}
      <li class=""><a href="{{ link.url }}">{{ link.title }}</a></li>
      {% else %}
      <li class="hasSubItem">
        <div class="withtiggle">
          <a href="{{ link.url }}">{{ link.title }}</a> <span class="toggleItem">+</span>
        </div>
        <ul>
          {% for l in linklists[link.handle].links %}
          {% if linklists[l.handle] == empty %}
          <li class=""><a href="{{ l.url }}">{{ l.title }}</a></li>
          {% else %}
          <li class="hasSubItem">
            <div class="withtiggle">
              <a href="{{ l.url }}">{{ l.title }}</a> <span class="toggleItem">+</span>
            </div>
            <ul>
              {% for l2 in linklists[link.handle].links %}
              <li class=""><a href="{{ l2.url }}">{{ l2.title }}</a></li>
              {% endfor %}
            </ul>
          </li>
          {% endif %}
          {% endfor %}
        </ul>
      </li>
      {% endif %}
      {% endfor %}
    </ul>
  </div>