【问题标题】:How to create third level menu (Shopify)如何创建第三级菜单(Shopify)
【发布时间】:2018-01-08 05:52:56
【问题描述】:

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

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

提前致谢。

【问题讨论】:

标签: shopify


【解决方案1】:

在导航中: 如果您的 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>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-04-03
    • 1970-01-01
    • 2014-06-26
    • 1970-01-01
    • 1970-01-01
    • 2020-01-10
    • 1970-01-01
    • 2022-08-11
    相关资源
    最近更新 更多