Edit History

To już edycja pliku tpl modułu.

Moduł ps_categorytree w wybranym szablonie. Otwieramy ps_categorytree.tpl.

Tam należy dodać jakiś wyjątek sprawdzający, jest kilka możliwości ale tak na szybko to można sprawdzać przecież obecny link gdzie jesteśmy z tym w drzewku i jeżeli jest taki sam to dodawać do collapse wartość in.

{if $node.link == $urls.current_url} in{/if}

a finalnie byłoby to co niżej no chyba że twój moduł jest inaczej przebudowany:

{function name="categories" nodes=[] depth=0}
  {strip}
    {if $nodes|count}
      <ul class="category-sub-menu">
        {foreach from=$nodes item=node}
          <li data-depth="{$depth}">
            {if $depth===0}
              <a href="{$node.link}">{$node.name}</a>
              {if $node.children}
                <div class="navbar-toggler collapse-icons" data-toggle="collapse" data-target="#exCollapsingNavbar{$node.id}">
                  <i class="material-icons add">&#xE145;</i>
                  <i class="material-icons remove">&#xE15B;</i>
                </div>
                <div class="collapse{if $node.link == $urls.current_url} in{/if}" id="exCollapsingNavbar{$node.id}">
                  {categories nodes=$node.children depth=$depth+1}
                </div>
              {/if}
            {else}
              <a class="category-sub-link" href="{$node.link}">{$node.name}</a>
              {if $node.children}
                <span class="arrows" data-toggle="collapse" data-target="#exCollapsingNavbar{$node.id}">
                  <i class="material-icons arrow-right">&#xE315;</i>
                  <i class="material-icons arrow-down">&#xE313;</i>
                </span>
                <div class="collapse" id="exCollapsingNavbar{$node.id}">
                  {categories nodes=$node.children depth=$depth+1}
                </div>
              {/if}
            {/if}
          </li>
        {/foreach}
      </ul>
    {/if}
  {/strip}
{/function}

DEMO:

PS. W ustawieniach modułu musi być zaznaczona opcja aby pokazywało wszystkie kategorie.

Można jeszcze coś dodać aby podkategorie podkategorii były rozwinięte ale to można podziałać we własnym zakresie. Tak samo jak mój przykład można wybrać inne warunki do porównania.

PS2. Zerknij jeszcze na ikonkę plusika - trzeba ją zmodyfikować.

To już edycja pliku tpl modułu.

Moduł ps_categorytree w wybranym szablonie. Otwieramy ps_categorytree.rpl.

Tam należy dodać jakiś wyjątek sprawdzający, jest kilka możliwości ale tak na szybko to można sprawdzać przecież obecny link gdzie jesteśmy z tym w drzewku i jeżeli jest taki sam to dodawać do collapse wartość in.

{if $node.link == $urls.current_url} in{/if}

a finalnie byłoby to co niżej no chyba że twój moduł jest inaczej przebudowany:

{function name="categories" nodes=[] depth=0}
  {strip}
    {if $nodes|count}
      <ul class="category-sub-menu">
        {foreach from=$nodes item=node}
          <li data-depth="{$depth}">
            {if $depth===0}
              <a href="{$node.link}">{$node.name}</a>
              {if $node.children}
                <div class="navbar-toggler collapse-icons" data-toggle="collapse" data-target="#exCollapsingNavbar{$node.id}">
                  <i class="material-icons add">&#xE145;</i>
                  <i class="material-icons remove">&#xE15B;</i>
                </div>
                <div class="collapse{if $node.link == $urls.current_url} in{/if}" id="exCollapsingNavbar{$node.id}">
                  {categories nodes=$node.children depth=$depth+1}
                </div>
              {/if}
            {else}
              <a class="category-sub-link" href="{$node.link}">{$node.name}</a>
              {if $node.children}
                <span class="arrows" data-toggle="collapse" data-target="#exCollapsingNavbar{$node.id}">
                  <i class="material-icons arrow-right">&#xE315;</i>
                  <i class="material-icons arrow-down">&#xE313;</i>
                </span>
                <div class="collapse" id="exCollapsingNavbar{$node.id}">
                  {categories nodes=$node.children depth=$depth+1}
                </div>
              {/if}
            {/if}
          </li>
        {/foreach}
      </ul>
    {/if}
  {/strip}
{/function}

DEMO:

PS. W ustawieniach modułu musi być zaznaczona opcja aby pokazywało wszystkie kategorie.

Można jeszcze coś dodać aby podkategorie podkategorii były rozwinięte ale to można podziałać we własnym zakresie. Tak samo jak mój przykład można wybrać inne warunki do porównania.

PS2. Zerknij jeszcze na ikonkę plusika - trzeba ją zmodyfikować.