james-a of Underwaterpistol
12/1/2017 - 11:14 AM

Collection Sidebar

{% assign nav_found = false %}

<!-- Find the correct navigation list to display (based on the current collection -->
{% for link in linklists.main-menu.links %}

	{% if link.object.handle == collection.handle %}
   
	  {% assign nav_link_handle = link.handle %}
      {% assign nav_found = true %}
		
    {% else %}

      {% if linklists[link.handle] and linklists[link.handle].links.size > 0 %}

        {% for link_secondary in linklists[link.handle].links %}

          {% if link_secondary.object.handle == collection.handle %}

              {% assign nav_link_handle = link.handle %}
              {% assign nav_found = true %}

          {% else %}

              {% for link_tertiary in linklists[link_secondary.handle].links %}

                  {% if link_tertiary.object.handle == collection.handle %}

                    {% assign nav_link_handle = link.handle %}
                    {% assign nav_found = true %}

                  {% endif %}

              {% endfor %}

          {% endif %}

        {% endfor %}
      {% endif %}

  {% endif %}

{% endfor %}



<div class="collection-sidebar">
  
  {% if nav_found == true %}
  <div class="inner">
    
    <h3>Categories</h3>
  
      <ul class="side-nav">

      {% for link in linklists[nav_link_handle].links %}
        
        {% assign is_expanded = false %}
        
        {% if link.object.handle == collection.handle %}
          {% assign is_expanded = true %}
        {% else %}
          {% for sub_link in linklists[link.handle].links %}
            {% if sub_link.object.handle == collection.handle %}
              {% assign is_expanded = true %}
            {% endif %}
          {% endfor %}
        {% endif %}
        
        <li class="side-nav-item {% if is_expanded %}expanded{% endif %}">
          
          <a href="{{ link.url }}" {% if linklists[link.handle] and linklists[link.handle].links.size > 0 %}class="has-subcategories"{% endif %}>{{ link.title }}</a>

          {% if linklists[link.handle] and linklists[link.handle].links.size > 0 %}

            <ul class="side-nav-secondary">

            {% for link_secondary in linklists[link.handle].links %}

                <li class="side-nav-secondary-item">
                  <a href="{{ link_secondary.url }}" {% if link_secondary.object.handle == collection.handle %}class=""{% endif %}>{{ link_secondary.title }}</a>
                </li>

            {% endfor %}

            </ul>

          {% endif %}

        </li>
      {% endfor %}

      </ul>
  
  </div>
  {% endif %}
  
  <div class="inner">
    <h3>Another title</h3>
    <p>If you need another section below the navigation, you can put it here.</p>
  </div>
  
</div>