Подсветить активный пункт меню в товаре

Добрый день уважаемые разработчики. Скажите пожалуйста есть ли решение как подсветить активный пункт меню когда ты в товаре

вот этот код работает в разделах и подразделах и подразделах а в товаре не могу победить

 <div class="menu_mobile">
      
         {$items = $wa->menu->get(9)}
          <ul class="one">
                {foreach $items as $item}
                      {if count($item.childs)}
                     
                    
                        <li {if $selected_items == $item.id} class="selected" {/if}>
                            <a href="{$item.url}">{$item.name}</a> 
                             {if !empty($item.childs)}
                                 <ul id="{$item.id}" class="">
                                     {foreach $item.childs as $child}
                                     {if count($child.childs)}
                                     <li><a href="{$child.url}">{$child.name}</a>
                                      {if !empty($child.childs)}
                                        <ul id="demo{$child.id}">
                                            {foreach $child.childs as $childs}
                                            <li> <a href="{$childs.url}" class="list-group-item" data-parent="#{$child.id}">{$childs.name}</a></li>
                                            {/foreach}
                                        </ul>
                                    {/if}
                                     </li>
                                     {else}
                                     <li><a href="{$child.url}">{$child.name}</a></li>
                                     {/if}
                                     {/foreach}
                                </ul>         
                             {else}
                              <a href="{$item.url}">{$item.name}</a>
                              {/if}
                        </li>
                     {else}
                          <li {if $selected_items == $item.id} class="selected" {/if}> <a href="{$item.url}">{$item.name}</a> </li>
                          {/if}
                {/foreach}
                 </ul>
                  <script>
                        var url = window.location.pathname;
                      $('.menu_mobile li a[href$="'+url+'"]').parents().addClass('active');
                    </script>
      
      </div>
    </div>

Пробовал 

 <li {if $selected_items == $child.id} class="selected" {/if}>

Но когда переходишь в товар именно классы пропадают. ЧТо делать не знаю (

1 ответ

  • 1
    Дмитрий Шульгин 8 ноября 2019 11:51 #

    Решение. Может кому пригодится . 

    <script>
    var url = $(".breadcrumbs a:last").attr('href');
    $('.menu_mobile ul>li a[href$="'+url+'"]').parents().addClass('active');
    $('.menu_mobile li ul[href$="'+url+'"]').parents().addClass('openmenu');
    </script>


Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите