Question

我正在用Comarch制作的Comarch E-sklep程序工作，我在其中使用dotLiquid语言修改商店模板。我需要帮助来显示类别的第3级。标准dotLiquid脚本仅允许您获得两个级别的菜单。在文档中，我读到我需要输入特殊的javascript代码，但是我不知道如何正确地输入它。因为我已经开始学习js并且不了解所有内容。

<h2>Menu</h2>
{% assign groupNodes = page.GroupNodes %}
<ul>
  {% for menuTreeOne in groupNodes -%}
    <li><a href="{{ menuTreeOne.Url }}">{{ menuTreeOne.Name }}</a>
      {% if menuTreeOne.Nodes -%}
      <span style="color: lightblue;"> yes </span><br>
          
          <ul>
          {% for menuTreeTwo in menuTreeOne.Nodes -%}
          <li><a href="{{ menuTreeTwo.Url }}">{{ menuTreeTwo.Name }}</a></li>
          {% endfor -%}
          </ul>
  
      {% else %}
      <span style="color: red;"> nope </span>
      {% endif -%}
  </li>
{% endfor -%}
 </ul>

文档片段：

操作GET

此操作允许您从服务器下载数据以创建，   例如：面包屑或菜单。

获取/组

获取指定组的子组。此操作使您可以   建立动态菜单或面包屑。

<script type="text/javascript">
 (function () {
 $(function () {
 $('nav.breadcrumbs>ol>li').hover( 
 function () { 
 var t = $(this), gId = ('' + t.data('id')).split(',')[1]; 
 if (gId && t.find('ol').length == 0) { 
 $.get(null, { __action: 'Get/Groups', groupId: gId, languageId: __lngId }, function (d) { 
 var obj = d.action.Object; 
 if (obj.length) { 
 var ol = $('<ol></ol>'); 
 t.append(ol); 
 $.each(obj, function (i, el) { 
 var a = $('<a></a>').attr('href', el.Url).text(el.Title); 
 ol.append(a); 
 a.wrap('<li></li>') 
});
}
});
}
 else t.find('ol').show(); 
},
 function () { 
 $(this).find('ol').hide(); 
}
);
});
 })(jQuery); 
</script>

如何在dotLiquid中添加类别菜单的第三级

0 个答案: