获取集合的链接列表然后获取与shopify中的主菜单进行比较的句柄

Question

说这是我在shopify中的导航结构：

1. 鞋

   1. 公寓
   2. 凉鞋

2. 袋

目前我已经有一个相当简单的导航组件工作，如果你在页面上（让我们说鞋子），页面上的导航会突出显示，因为它与菜单匹配＆＃ 39; s处理页面句柄。好到目前为止：

{% for link in linklists.main-menu.links %}
     <span><a 

          {% if collection.handle == link.handle %}
               class="current"
          {% endif %}

     href="{{ link.url }}"> {{ link.title }}</a></span>
{% endfor %}

现在的问题是，如何查看子集合（Flats）并将其与其父集合匹配，然后执行相同的操作？

Answer 1

您需要调整此条件

{% if collection.handle == link.handle %}
    class="current"
{% endif %}

以便它也检查内部链接。在此条件之前添加此代码段

{% assign sub_link = false %}
{% assign inside_links_handle = link.handle %}
{% for inside_link in linklists[inside_links_handle].links %}
    {% if collection.handle == inside_link.handle %}
        {% assign sub_link = true %}
        {% break %}
    {% endif %}
{% endfor %}

并将条件更改为此{% if collection.handle == link.handle or sub_link == true %} class='current' {% endif %}

在这里，您正在查看另一个链接列表（嵌套）中的链接列表。更多嵌套级别，只需迭代代码以考虑内部级别。这应该有用。