1

我在 Comarch 制作的 Comarch E-sklep 程序中工作，我正在使用 dotLiquid 语言修改商店模板。我需要帮助来显示第三级类别。标准 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>

4

0 回答 0