dejar fijo menu hor...
 
Avisos
Vaciar todo

dejar fijo menu horizontal

11 Respuestas
3 Usuarios
0 Reactions
8,040 Visitas
Respuestas: 38
Eminent Member
Topic starter
 

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


 
Respondido : 30/04/2014 11:06 pm
Respuestas: 38
Eminent Member
Topic starter
 

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


 
Respondido : 30/04/2014 11:16 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

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


 
Respondido : 30/04/2014 11:32 pm
Respuestas: 38
Eminent Member
Topic starter
 

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


 
Respondido : 30/04/2014 11:48 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

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


 
Respondido : 01/05/2014 12:02 am
Respuestas: 38
Eminent Member
Topic starter
 

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:


 
Respondido : 01/05/2014 9:01 am
Hicham
Respuestas: 1908
Noble Member Suspendido
 

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%;}


 
Respondido : 01/05/2014 12:50 pm
Respuestas: 38
Eminent Member
Topic starter
 

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


 
Respondido : 12/05/2014 2:42 am
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Joaquin,

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

Agradecemos tu comprensión.

Saludos


 
Respondido : 12/05/2014 2:54 am
Respuestas: 38
Eminent Member
Topic starter
 

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.


 
Respondido : 12/05/2014 3:14 am
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

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


 
Respondido : 12/05/2014 3:28 am