subnivel Crear tercer subnivel con el módulo ps_mainmenu Prestashop 1.7

[sija]

Hola buenos días.

Hace tiempo compré una plantilla en prestashop y recibí soporte por parte de los desarrolladores durante 3 meses sin ningún problema. Pero ahora que tengo acabada la tienda me encuentro con que mi plantilla solo acepta dos subniveles de categorías en el menú y me gustaría crear un tercer nivel.

Pregunté a los desarrolladores como podía hacerlo y me dijeron que ellos no daban soporte para crear un tercer subnivel pero que podía crearlo por mi mismo modificando el archivo del módulo ps_mainmenu (.../themes/airtools/modules/ps_mainmenu/ps_mainmenu.tpl)

Mi pregunta es si alguien puede ayudarme con esto o si existe algún módulo o solución con el que pueda crear este tercer subnivel.

La página web actual que tengo es https://tiendasija.es

Gracias de antemano y un saludo.

El código es el siguiente del archivo ps_mainmenu.tpl es el siguiente, tengo creados ya dos subniveles por los desarrolladores y me falta un tercero:

{assign var=_counter value=0}

{function name="menu" nodes=[] depth=0 parent=null}

    {if $nodes|count}

      <ul class="top-menu" {if $depth == 0}id="top-menu"{/if} data-depth="{$depth}">

        {foreach from=$nodes item=node}

            <li class="{$node.type}{if $node.current} current {/if}" id="{$node.page_identifier}">

            {assign var=_counter value=$_counter+1}

              <a

                class="{if $depth >= 0}dropdown-item{/if}{if $depth === 1} dropdown-submenu{/if}"

                href="{$node.url}" data-depth="{$depth}"

                {if $node.open_in_new_window} target="_blank" {/if}

              >

                {if $node.children|count}

                  {* Cannot use page identifier as we can have the same page several times *}

                  {assign var=_expand_id value=10|mt_rand:100000}

                  <span class="float-xs-right hidden-lg-up">

                    <span data-target="#top_sub_menu_{$_expand_id}" data-toggle="collapse" class="navbar-toggler collapse-icons">

                      <i class="material-icons add">&#xE313;</i>

                      <i class="material-icons remove">&#xE316;</i>

                    </span>

                  </span>

                {/if}

                {$node.label}

              </a>

              {if $node.children|count}

              <div {if $depth === 0} class="popover sub-menu js-sub-menu collapse"{else} class="collapse"{/if} id="top_sub_menu_{$_expand_id}">

                {menu nodes=$node.children depth=$node.depth parent=$node}

				<div class="menu-banners">

				  {foreach from=$node.image_urls item=image_url}

					<div class="menu-banner">

						<img src="{$image_url}" alt="" />

					</div>

				  {/foreach}

				</div>

              </div>

              {/if}

            </li>

        {/foreach}

      </ul>

    {/if}

{/function}



<div class="menu col-lg-8 col-md-7 js-top-menu position-static hidden-sm-down" id="_desktop_top_menu">

    {menu nodes=$menu.children}

    <div class="clearfix"></div>

</div>

 

Edited June 8, 2018 by sija (see edit history)