menubar - 如何在 Zotonic 中获得三级菜单项？

Question

我想在 Zotonic 中显示三级菜单项。

例如，如果我在层次结构中有页面，如下所示：

• 关于我们
  • 职业生涯
    • 为什么在这里工作？

我想要为什么在这里工作？可在下拉菜单中访问。

如何在 Zotonic 中获得三级菜单项？

Answer 1

我使用了页面连接和修改后的菜单模板。这需要 Zotonic 0.5.0 或更高版本。

1. 创建一个名为from to的谓词Menutexttext

2. 编辑/modules/mod_menu/templates/_menu.tpl：

   转原菜单模板：

   {% if menu %}
       <ul id="{{ id_prefix }}navigation" class="clearfix at-menu do_superfish">
       {% for mid,depth,nr,has_sub in menu %}
       {% if not mid %}
               {% if depth > 1 %}</ul></li>{% endif %}
           {% else %}
               {% if nr == 1 and not forloop.first %}<ul{% if mid|member:path %} class="onpath"{% endif %}>{% endif %}
               <li id="{{ id_prefix }}nav-item-{{nr}}" class="{% if is_first %}first {% endif %}{% if is_last %}last{% endif %}">
                   <a href="{{ m.rsc[mid].page_url }}"
                      class="{{ m.rsc[mid].name }}{% if mid == id %} current{% else %}{% if mid|member:path %} onpath{% endif %}{% endif %}">{{ m.rsc[mid].short_title|default:m.rsc[mid].title }}</a>
               {% if not has_sub %}</li>{% endif %}
           {% endif %}
       {% endfor %}
       {% if forloop.last %}{% include "_menu_extra.tpl" %}{% endif %}
       </ul>
   {% endif %}
   

   进入三级菜单版：

   {% if menu %}
       <ul id="{{ id_prefix }}navigation" class="clearfix at-menu do_superfish">
       {% for mid,depth,nr,has_sub in menu %}
       {% if not mid %}
               {% if depth > 1 %}</ul></li>{% endif %}
           {% else %}
               {% if nr == 1 and not forloop.first %}<ul{% if mid|member:path %} class="onpath"{% endif %}>{% endif %}
               <li id="{{ id_prefix }}nav-item-{{nr}}" class="{% if is_first %}first {% endif %}{% if is_last %}last{% endif %}">
                   <a href="{{ m.rsc[mid].page_url }}"
                      class="{{ m.rsc[mid].name }}{% if mid == id %} current{% else %}{% if mid|member:path %} onpath{% endif %}{% endif %}">{{ m.rsc[mid].short_title|default:m.rsc[mid].title }}</a>
               {% if depth == 2 %}
                   {% for submenu in m.rsc[mid].menu %}
                       {% if forloop.first %}<ul>{% endif %}
                       <li id="{{ id_prefix }}nav-item-{{nr}}" class="{% if is_first %}first {% endif %}{% if is_last %}last{% endif %}">
                           <a href="{{ m.rsc[submenu].page_url }}"
                              class="{{ m.rsc[submenu].name }}{% if submenu == id %} current{% else %}{% if submenu|member:path %} onpath{% endif %}{% endif %}">{{ m.rsc[submenu].short_title|default:m.rsc[submenu].title }}</a></li>
                       {% if forloop.last %}</ul>{% endif %}
                   {% endfor %}
               {% endif %}
               {% if not has_sub %}</li>{% endif %}
           {% endif %}
       {% endfor %}
       {% if forloop.last %}{% include "_menu_extra.tpl" %}{% endif %}
       </ul>
   {% endif %}
   

   通过为二级项的菜单页面连接添加一个特例：

             {% if depth == 2 %}
                 {% for submenu in m.rsc[mid].menu %}
                     {% if forloop.first %}<ul>{% endif %}
                     <li id="{{ id_prefix }}nav-item-{{nr}}" class="{% if is_first %}first {% endif %}{% if is_last %}last{% endif %}">
                         <a href="{{ m.rsc[submenu].page_url }}"
                            class="{{ m.rsc[submenu].name }}{% if submenu == id %} current{% else %}{% if submenu|member:path %} onpath{% endif %}{% endif %}">{{ m.rsc[submenu].short_title|default:m.rsc[submenu].title }}</a></li>
                     {% if forloop.last %}</ul>{% endif %}
                 {% endfor %}
             {% endif %}
   

3. 在Page Connections中添加 * Menu *s 到每个需要菜单中的第三级项目的页面