Menu horizontal fijo doble

[indaga10]

Hola, estoy montando una tienda online en Prestashop 1.6 y me ha surgido un inconveniente al hacer la siguiente modificación.

He seguido los pasos que pongo a continuación , me ha funcionado bien, ahora el menú horizontal al hacer scroll se queda fijo arriba.

El problema es cuando subo hasta arriba, el menú se duplica.

Estos son los pasos que he seguido:

En el fichero header.tpl y añadir este código Java script:

{literal}
<script type="text/javascript">
$(function(){
 
    var menu = $('#menu'),
        pos = menu.offset();
 
        $(window).scroll(function(){
            if($(this).scrollTop() > pos.top+menu.height() && menu.hasClass('default')){
                menu.fadeOut('fast', function(){
                    $(this).removeClass('default').addClass('fixed').fadeIn('fast');
                });
            } else if($(this).scrollTop() <= pos.top && menu.hasClass('fixed')){
                menu.fadeOut('fast', function(){
                    $(this).removeClass('fixed').addClass('default').fadeIn('fast');
                });
            }
        });
 
});
</script>
{/literal}

Luego abro el fichero /themes/default-bootstrap/modules/blocktopmenu>blocktopmenu.tpl y añado este código:

<div id="menu" class="default">
    <div class="sf-contener clearfix">
        <ul class="sf-menu clearfix">
            {$MENU}
            {if $MENU_SEARCH}
                <li class="sf-search noBack" style="float:right">
                    <form id="searchbox" action="{$link->getPageLink('search')}" method="get">
                        <p>
                            <input type="hidden" name="controller" value="search" />
                            <input type="hidden" value="position" name="orderby"/>
                            <input type="hidden" value="desc" name="orderway"/>
                            <input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'htmlall':'UTF-8'}{/if}" />
                        </p>
                    </form>
                </li>
            {/if}
        </ul>
    </div></div>

Finalmente se añade el último código en blocktopmenu>css>superfish-modified> para evitar conflictos con otros tags html.

 
.fixed {
	position: fixed;
	top: -1px;
	left: 0;
	width: 100%;}
 

 

Llegue a conseguir quitar un menú y hacer que funcionara bien, modificando el archivo blocktopmenu.tpl  , pero el menú desaparece en los dispositivos móviles.

Si necesitáis algún dato mas me lo podéis pedir sin problema.

Os adjunto un pantallazo de como está el menu actualmente.

Gracias a todos por vuestra ayuda.

Edited April 22, 2018 by indaga10
Faltan datos (see edit history)

[indaga10]

He conseguido que se vea solo un menú y funcione bien en el PC pero en los dispositivos móviles desaparece el menú he dejando el archivo  /themes/default-bootstrap/modules/blocktopmenu>blocktopmenu.tpl así:

{if $MENU != ''}
<!-- Menu -->
<div id="menu" class="default">
    <div class="sf-contener clearfix">
        <ul class="sf-menu clearfix">
            {$MENU}
            {if $MENU_SEARCH}
                <li class="sf-search noBack" style="float:right">
                    <form id="searchbox" action="{$link->getPageLink('search')}" method="get">
                        <p>
                            <input type="hidden" name="controller" value="search" />
                            <input type="hidden" value="position" name="orderby"/>
                            <input type="hidden" value="desc" name="orderway"/>
                            <input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'htmlall':'UTF-8'}{/if}" />
                        </p>
                    </form>
                </li>
            {/if}
        </ul>
    </div></div>
<!--/ Menu -->
{/if}

 

Ha alguien se le ocurre algo??

 

GRACIAS

[SandraPresta]

Por favor me podéis ayudar?

https://www.prestashop.com/forums/topic/770737-como-añado-un-link-cms-a-un-tpl/