dejar fijo menu hor...
Avisos
Vaciar todo

dejar fijo menu horizontal  

 
Joaquin
 Joaquin
Usuario eminente

me gustaria saber como dejar fijo el menu horizontal en prestashop, que cuando desplace la pagina para abajo se mantenga arriba en la pantalla y este siempre visible, no se si me he explicado bien, y que haga eso mismo en todas las paginas no solamente en el home.
Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 01/05/2014 12:06 am
Joaquin
 Joaquin
Usuario eminente

Quiero hacer como en esta web
http://unaicalleja.es/blog-diseno-web/wp-content/demos/mantener-div-scroll/demo.html

He encontrado esta solucion, pero no me entero de na, esta en ingles y yo de ingle 0, haber si me puedes echar una mano?
http://www.prestashop.com/forums/topic/272367-creating-fixed-menu-bar/#entry1364144

ResponderCitar
Respondido : 01/05/2014 12:16 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Joaquin,

En este hilo del Foro oficial de PrestaShop explican como integrar el menú fijo sin scroll modificando algunos archivos .tpl.

- http://www.prestashop.com/forums/topic/272367-creating-fixed-menu-bar/#entry1364144

Te recomiendo que hagas pruebas en una web que no sea de producción porque es posible que si editas los archivos incorrectos dejes la Tienda desmontada o sin acceso.

Los hacks al código que se hacen en una versión de PrestaShop NO necesariamente son válidos en otra versión, suele haber cambios de código, principalmente en la 1.6 que podrían generar otro comportamiento distinto del deseado.

Saludos

ResponderCitar
Respondido : 01/05/2014 12:32 am
Joaquin
 Joaquin
Usuario eminente

ese sitio ya lo e visitado anteriormente, pero no entiendo ni papa, me lo podrías explicar en castellano?

ResponderCitar
Respondido : 01/05/2014 12:48 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Joaquin,

La funcionalidad que quieres implementar implica modificar código y entiendo que tienes conocimientos de php que te permitan realizar los cambios sin que dejes el sitio inaccesible ¿correcto?.

Lamentablemente al ser una funcionalidad que no es habitual en Tiendas PrestaShop no tenemos ningún tutorial que documente como se realiza en castellano.

Saludos

ResponderCitar
Respondido : 01/05/2014 1:02 am
Joaquin
 Joaquin
Usuario eminente

Tan difícil es que me expliquen paso a paso que archivos debo modificar, en ver de ponerme un enlace a una pagina en ingles donde, NO ENTIENDO LO QUE PONE :angry:

ResponderCitar
Respondido : 01/05/2014 10:01 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Hicham
 Hicham
Noble Member

Hola,

Le explico lo que indican en este post.

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

{literal}

$(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');
                });
            }
        });

});

{/literal}

Lego abre el fichero modules>blocktopmenu>blocktopmenu.tpl y añade este código:

Finalmente tiene que añadir 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%;}

ResponderCitar
Respondido : 01/05/2014 1:50 pm
Joaquin
 Joaquin
Usuario eminente

y en que sitio debe insertar el codigo, al final de archivo o donde??

ResponderCitar
Respondido : 12/05/2014 3:42 am

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Joaquin,

No ofrecemos soporte a webs alojadas en localhost ni soporte css o programación.

Agradecemos tu comprensión.

Saludos

ResponderCitar
Respondido : 12/05/2014 3:54 am
Joaquin
 Joaquin
Usuario eminente

como que no ofreceis soporte en que? yo compre el hosting de prestashop en webempresa y dice textualmente en su pagina "Soporte PrestaShop
Expertos PrestaShop en español, disponibles 24 horas para acompañarte en tu aventura.
Gratis en todos los planes!"

mandare un correo a webempresa para que me explique tus palabras y el porque no tengo soporte!!

Un saludo y agradezco su comprension.

ResponderCitar
Respondido : 12/05/2014 4:14 am

Cursos Gratuitos WordPress

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Joaquin,

Naturalmente que dispones de soporte sobre PrestaShop y desde el Foro tratamos de darte el soporte mejor posible dentro de las limitaciones indicadas en la cabecera superior de este Foro.

Dispones de soporte sobre temas de gestión y administración de tu web, consulta sobre extensiones y módulos sin entrar en temas de programación o css.

El tema de menú "fijo" que propones en PrestaShop requiere programación, que tengas algunos conocimientos de PHP y CSS, modificar código y por supuesto NO garantizarte que realmente funcione en tu theme de PrestaShop.

Saludos

ResponderCitar
Respondido : 12/05/2014 4:28 am