templates/front/theme1/partials/product/_sidebar.html.twig line 1

Open in your IDE?
  1. <div class="sidebar-navigation-product">
      <strong class="title">Filtrer par catégories</strong>
      <ul>
         {% for item in categories_tree %}
              <li> 
                 <span class="categ position-relative d-flex justify-content-between {{categorie is defined and categorie != null and categorie.id == item.id ?'active':''}}">
                      <a class="" href="{{path('page',{slug:item.slug})}}">{{item.titre}} 
                      {# {% if item.sous_categories is defined and item.sous_categories is not empty %}<i class="fa fa-chevron-down"></i>{% endif %}  #}
                      </a>
     
                      {% if item.sous_categories is defined and item.sous_categories is not empty  %}
                         {% if categorie is defined and categorie != null and categorie.id == item.id   %}
                            <span class="up-cat click-categorie position-relative"></span>
                         {% else %}
                            <span class="down-cat click-categorie position-relative"></span>
                         {% endif %}
                      {% endif %}
                      
    
                 </span>
                 {% if item.sous_categories is defined and item.sous_categories is not empty %}
                    <ul  class="{{categorie is defined and categorie != null and categorie.id == item.id?'d-block':''}}">
                        {% for item_sous_categorie in item.sous_categories %}
                             <li> 
                                <span class="sous-categ position-relative d-flex justify-content-between {{sous_categorie is defined and sous_categorie != null and  sous_categorie.id == item_sous_categorie.id ?'active':''}}">
                                  <a class=""  href="{{path('page_sous_categorie',{categorie1:item.slug,categorie2:item_sous_categorie.slug})}}">{{item_sous_categorie.titre}} 
                                  {# {% if sous_categorie.sous_sous_categories is defined and sous_categorie.sous_sous_categories is not empty %}<i class="fa fa-chevron-down"></i>{% endif %} #}
                                  </a>
    
                                  {% if item_sous_categorie.sous_sous_categories is defined and item_sous_categorie.sous_sous_categories is not empty %}
                                     {% if sous_categorie is defined and sous_categorie != null and sous_categorie.id == item_sous_categorie.id %}
                                        <span class="up-cat click-categorie position-relative"></span>
                                     {% else %}
                                        <span class="down-cat click-categorie position-relative"></span>
                                     {% endif %}
                                  {% endif %}
                               </span>
                                
                                 {% if item_sous_categorie.sous_sous_categories is defined and item_sous_categorie.sous_sous_categories is not empty %}
                                    <ul class="subMenu3 {{ sous_categorie is defined and sous_categorie != null and sous_categorie.id == item_sous_categorie.id?'d-block':''}}">
                                       
                                       {% for item_sous_sous_categorie in item_sous_categorie.sous_sous_categories %}
                                             <li><a class="{{sous_sous_categorie is defined and sous_sous_categorie != null  and  sous_sous_categorie.id == item_sous_sous_categorie.id ?'active':''}}" href="{{path('page_sous_sous_categorie',{categorie1:item.slug,categorie2:item_sous_categorie.slug,categorie3:item_sous_sous_categorie.slug})}}">{{item_sous_sous_categorie.titre}}</a></li>
                                       {% endfor %}
                                    </ul>
                                {% endif %}  
                             </li>
                        {% endfor %}   
                    </ul>
                 {% endif %}  
              </li>
         {% endfor %}
      </ul>
    </div>