sonra Shopify ana menü karşılaştırmak için kolu almak için koleksiyonun linklist alınıyor

Question

bu benim seyir Shopify içinde yapıdır ki:

1. Ayakkabı

   1. Flats
   2. Sandalet

2. Çantalar

Şu an için oldukça basit bir gezinme bileşeni çalışıyorum, bir sayfadaysanız (ayakkabı diyelim) sayfadaki gezinme vurgulanacaktır, çünkü menü tutamacı, sayfa tutamacıyla aynıdır. İyi şimdiye kadar:

{% 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 %} 

Şimdi soru, nasıl onunla alt koleksiyonu (Daire) kontrol ve aynıysa daha sonra aynı şeyi yapmak için ebeveyn koleksiyonum?

Answer 1

Sen de dahili bağlantıları kontrol böylece bu koşul

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

ayarlamanız gerekir. Bu durum

{% 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 %} 

önce bu pasajı ekle Ve başka linklist (iç içe) içinde olan linklist içeride aradığınız İşte bu {% if collection.handle == link.handle or sub_link == true %} class='current' {% endif %}

için koşul olarak değiştirin. Daha fazla yuvalama seviyesi, sadece kodları içeride değerlendirmek için yineleyin. Bu çalışmalı.