Jump to content

( Solucionado) Problema con top menu y barra de busqueda

Josraso

By Josraso
in Discusión general

 Share

Recommended Posts

Josraso Community Regular

Josraso

Posted
Posted (edited)

Bueno el problema es el siguiente, tenia un theme ya casi terminado y despues de actualizar a la ultima version 1.5.4.1 la barra del menu y la cabecera aparecen desplazadas cuando en la version anterior salian perfectamente, por mas vueltas que le he dado no veo de donde viene el fallo, decir que he probado con el theme por defecto actualizado y esto ya no ocurre lo que si es que se crea demasiado espacio entre la cabecera y el menu.

Dejo la direccion de donde estoy haciendo las pruebas con el theme que tenia preparado

 

http://todonuke.wesped.es/index.php

Edited by Josraso (see edit history)
Link to comment
Share on other sites
jhoysser Newbie

jhoysser

Posted
Posted

Bueno el problema es el siguiente, tenia un theme ya casi terminado y despues de actualizar a la ultima version 1.5.4.1 la barra del menu y la cabecera aparecen desplazadas cuando en la version anterior salian perfectamente, por mas vueltas que le he dado no veo de donde viene el fallo, decir que he probado con el theme por defecto actualizado y esto ya no ocurre lo que si es que se crea demasiado espacio entre la cabecera y el menu.

Dejo la direccion de donde estoy haciendo las pruebas con el theme que tenia preparado

 

http://todonuke.wesped.es/index.php

 

ve a tu theme-->css-->grid_prestashop.css

 

y cambia donde dice:

 

.container_9 .grid_6 {

width: 646px;

}

 

y pon esto:

 

.container_9 .grid_6 {

width: 975px;

}

 

bendiciones

Link to comment
Share on other sites
Sergio Ruiz Newbie

Sergio Ruiz

Posted
Posted

ve a tu theme-->css-->grid_prestashop.css

 

y cambia donde dice:

 

.container_9 .grid_6 {

width: 646px;

}

 

y pon esto:

 

.container_9 .grid_6 {

width: 975px;

}

 

bendiciones

 

Tienes razon, acabo de entrar a la tienda.. (La verdad es que ni entre a la tienda antes)

Link to comment
Share on other sites
runningz Newbie

runningz

Posted
Posted

Tienes razon, acabo de entrar a la tienda.. (La verdad es que ni entre a la tienda antes)

 

Lo siento, pero la solucion aportada no es correcta. Si os fijais, con esto lo que hace es desplazar el header hacia abajo. El problema es que han modificado el css del search, hay que cambiar el right:xx; por left:0;

 

En cuanto al menu, hay que sacar el div del menu del

<div id="header_right" class="grid_6 omega"> , pero no se donde esta el codigo que se carga en el hook_top (llevo menos de 24h con PS)

  • Like 1
Link to comment
Share on other sites
Sergio Ruiz Newbie

Sergio Ruiz

Posted
Posted

Lo siento, pero la solucion aportada no es correcta. Si os fijais, con esto lo que hace es desplazar el header hacia abajo. El problema es que han modificado el css del search, hay que cambiar el right:xx; por left:0;

 

En cuanto al menu, hay que sacar el div del menu del

<div id="header_right" class="grid_6 omega"> , pero no se donde esta el codigo que se carga en el hook_top (llevo menos de 24h con PS)

 

El hook_top se imprime en el header.tpl de la plantilla

Link to comment
Share on other sites
Sergio Ruiz Newbie

Sergio Ruiz

Posted
Posted (edited)

Dentro del:

 

header.tpl

 

tienes esto:

 

<div id="header_right" class="grid_9 omega">
 {$HOOK_TOP}
</div>

 

Dentro del hook_top se cargan los modulos que esten situados en el hook top, lo puedes ver en la pestaña módulos - posiciones - bloque top of pages.

 

Y logicamente el contenido que aparece suele ser el tpl de esos modulos.

 

Por ejemplo el tpl del menu horizontal es el fichero:

 

blocktopmenu.tpl

Edited by Rubalcaba (see edit history)
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Buenas tardes a todos.

 

Teneis que ir al fichero:

 

blocktopmenu.tpl

 

Buscar esto:

 

{if $MENU != ''}

<!-- Menu -->

 

y dejarlo asi:

 

{if $MENU != ''}
</div>
<!-- Menu -->

 

Recordar que una vez realizado el cambio, debeis forzar compilacion.

Link to comment
Share on other sites
runningz Newbie

runningz

Posted
Posted

Buenas tardes a todos.

 

Teneis que ir al fichero:

 

blocktopmenu.tpl

 

Buscar esto:

 

{if $MENU != ''}

<!-- Menu -->

 

y dejarlo asi:

 

{if $MENU != ''}
</div>
<!-- Menu -->

 

Recordar que una vez realizado el cambio, debeis forzar compilacion.

 

Gracias victor, pero seguimos con problemas... www.fashionworld.es/presta

 

(siento pisar el post original)

Link to comment
Share on other sites
runningz Newbie

runningz

Posted
Posted

Ya se cual es el problema.

 

Habeis actualizado la version, pero no la plantilla.

 

Descargaros vuestra versión de Prestashop: http://www.prestasho...hop_1.5.4.1.zip copiar la carpeta "/themes/default/". y machacarla por la tuya.

 

Gracias Victor y compañia... ya me puedo ir a dormir, pero seguro que volveré a daros el coñazo!!! jajjjaja

 

En serio, gracias por la ayuda.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Bueno el problema es el siguiente, tenia un theme ya casi terminado y despues de actualizar a la ultima version 1.5.4.1 la barra del menu y la cabecera aparecen desplazadas cuando en la version anterior salian perfectamente, por mas vueltas que le he dado no veo de donde viene el fallo, decir que he probado con el theme por defecto actualizado y esto ya no ocurre lo que si es que se crea demasiado espacio entre la cabecera y el menu.

Dejo la direccion de donde estoy haciendo las pruebas con el theme que tenia preparado

 

http://todonuke.wesped.es/index.php

 

Sino quieres actualizar la plantilla.

 

Fichero:

 

http://todonuke.wesped.es/themes/Copia/header.tpl

 

 

Busca esto:

 

<div id="header_right" class="grid_6 omega">

 

Y dejalo asi:

 

<div id="header_right" class="grid_9 omega">

 

Fichero:

 

http://todonuke.wesped.es/themes/Copia/css/global.css

 

Busca esto:

 

#header_logo {
float: left;
display: block;
margin-top: 30px;
}

 

dejalo asi:

 

#header_logo {
position: absolute;
top: 30px;
z-index: 1;
}

  • Like 3
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Gracias Victor y compañia... ya me puedo ir a dormir, pero seguro que volveré a daros el coñazo!!! jajjjaja

 

En serio, gracias por la ayuda.

 

Vuelve a leer lo que todo el post, menos el mensaje que he tachado, que de ese déjalo como lo tenias antes.

 

(He actualizado los mensaje, que hoy estoy medio dormido y ya no me doy cuenta de lo que escribo)

Link to comment
Share on other sites
Williams Nasser Newbie

Williams Nasser

Posted
Posted (edited)

estoy siguiendo sus últimos pasos por que hasta la versión 1.5.4.0 todo me funcionaba bien y una vez actualizado toda la plantilla un desastre en el área header, revertí la actualización y sigo ahora paso por paso para ver si logro dejarla estable en unos minutos les comento, gracias!!

....., bueno e seguido los pasos sin embargo las fallas de mi tema descuadro casi todo ignoro por que si funcionaba muy bien con la version 1.5.4.0, pero en fin ya la actualice y revise los ccs de los modulos y pude cuadrarlo todos orientado en sus comentarios

 

aparte de actualizar el header.tpl también actualice los ccs para que funcionaran correctamente con las posiciones etc... muchas gracias por todo el aporte ahora si voy a dormir un rato aqui son las 4:12 am

Edited by Williams Nasser (see edit history)
Link to comment
Share on other sites
runningz Newbie

runningz

Posted
Posted

Ah runningz, a ti ya se te ve bien la pagina: http://www.fashionworld.es/presta/

 

¿Al final has actualizado la plantilla completamente como te he comentado arriba: http://www.prestasho...ost__p__1200491 o has realizado las dos modificaciones que he comentado aqui: http://www.prestasho...ost__p__1200499 ?

 

Perdona Victo, me fui a la cama. Actualice la plantilla por completo, la sobreescribi por la 1.5.4.1.

 

Por cierto, esta mañana he visto que la vista de categoria se mostraba mal, pero forzando la compilación se ha solucionado.

 

Espero que esto sea un bug aislado, porque como cada vez que haya una actualización ocurra esto...

Link to comment
Share on other sites
Canido29 Newbie

Canido29

Posted
Posted

reolas compas

actualice dos tiendas que tengo en contruccion y me paso lo mismo se me fue el top menu para la derecha:( sniff snifff

menos mal ke no lo hice en la tienda ke tengo operativa

 

 

la solucion mas facil cual es?

esta?:

 

a se cual es el problema.

 

Habeis actualizado la version, pero no la plantilla. (Hay algunos cambios en la plantilla)

 

Descargaros vuestra versión de Prestashop: http://www.prestasho...hop_1.5.4.1.zip copiar la carpeta "/themes/default/". y machacarla por la tuya.

 

machacar que quiere decir que si subimos esa carpeta por ftp por ej .....nos va decir si keremos sobreescrivir sobre la carpeta del mismo nombre y le decimos que si y se arreglaria el top menu?P

perderiamos o se nos descolokaria algo en categorias?

 

Donde se forza la compilacino esa?

 

saludos y gracias por la ayudaaa

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

reolas compas

actualice dos tiendas que tengo en contruccion y me paso lo mismo se me fue el top menu para la derecha:( sniff snifff

menos mal ke no lo hice en la tienda ke tengo operativa

 

 

la solucion mas facil cual es?

esta?:

 

a se cual es el problema.

 

Habeis actualizado la version, pero no la plantilla. (Hay algunos cambios en la plantilla)

 

Descargaros vuestra versión de Prestashop: http://www.prestasho...hop_1.5.4.1.zip copiar la carpeta "/themes/default/". y machacarla por la tuya.

 

machacar que quiere decir que si subimos esa carpeta por ftp por ej .....nos va decir si keremos sobreescrivir sobre la carpeta del mismo nombre y le decimos que si y se arreglaria el top menu?P

perderiamos o se nos descolokaria algo en categorias?

 

Donde se forza la compilacino esa?

 

saludos y gracias por la ayudaaa

 

Lee este post: http://www.prestasho...ost__p__1200499

 

Y por cierto forzar compilacion, se fuerzaa en la pestaña Parametros Avanzados -> Rendimiento..

  • Like 1
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Por mi parte doy el tema como solucionado, con el aporte de este post http://www.prestasho...ost__p__1200499 . Decir que he hecho esos cambios en dos plantillas que tenia en ese sitio de pruebas y todo correcto.

Perfecto !

 

Un placer ayudarte y servirte!

 

Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso.

Link to comment
Share on other sites
Canido29 Newbie

Canido29

Posted
Posted

Lee este post: http://www.prestasho...ost__p__1200499

 

Y por cierto forzar compilacion, se fuerzaa en la pestaña Parametros Avanzados -> Rendimiento..

 

Nada no lo consegui

subi por ftp la carpeta theme se sobreescrivio

force compilacion y sigue igual el top menu desplazado

 

http://www.vapirno2.es/

 

mejor hacerlo asi?:

 

 

Sino quieres actualizar la plantilla.

 

Fichero:

 

http://todonuke.wesped.es/themes/Copia/header.tpl

 

 

Busca esto:

 

<div id="header_right" class="grid_6 omega">

 

Y dejalo asi:

 

<div id="header_right" class="grid_9 omega">

 

Fichero:

 

http://todonuke.wesped.es/themes/Copia/css/global.css

 

Busca esto:

 

#header_logo {
float: left;
display: block;
margin-top: 30px;
}

 

dejalo asi:

 

#header_logo {
position: absolute;
top: 30px;
z-index: 1;
}

 

esque esta forma se me hace algo complicada o deberian funcionar ambas formas

 

pk probe con una de pruebas y subiendo por ftp la carpeta theme si se corrigio el top menu pero en esta de vapir no lo logro

 

lo intento hacer a lo codigo? sin subir de nuevo la carpeta theme?

 

SAludos y muchas gracias por vuestra ayuda tiempo y esplicaciones

Link to comment
Share on other sites
Sergio Ruiz Newbie

Sergio Ruiz

Posted
Posted

Nada no lo consegui

subi por ftp la carpeta theme se sobreescrivio

force compilacion y sigue igual el top menu desplazado

 

http://www.vapirno2.es/

 

mejor hacerlo asi?:

 

 

 

 

esque esta forma se me hace algo complicada o deberian funcionar ambas formas

 

pk probe con una de pruebas y subiendo por ftp la carpeta theme si se corrigio el top menu pero en esta de vapir no lo logro

 

lo intento hacer a lo codigo? sin subir de nuevo la carpeta theme?

 

SAludos y muchas gracias por vuestra ayuda tiempo y esplicaciones

 

http://www.prestashop.com/forums/index.php?/topic/242720-probelma-error-al-actualizar-15-a-version-final-top-menu-desplazado-ayuda/page__view__findpost__p__1201073

  • Like 1
Link to comment
Share on other sites
Feliz Garcia Newbie

Feliz Garcia

Posted
Posted

Sino quieres actualizar la plantilla.

 

Fichero:

 

http://todonuke.wesped.es/themes/Copia/header.tpl

 

 

Busca esto:

 

<div id="header_right" class="grid_6 omega">

 

Y dejalo asi:

 

<div id="header_right" class="grid_9 omega">

 

Fichero:

 

http://todonuke.wesped.es/themes/Copia/css/global.css

 

Busca esto:

 

#header_logo {
float: left;
display: block;
margin-top: 30px;
}

 

dejalo asi:

 

#header_logo {
position: absolute;
top: 30px;
z-index: 1;
}

 

Muchas gracias "Nadie".

 

Me ha servido !

Link to comment
Share on other sites
Canido29 Newbie

Canido29

Posted
Posted

Muchas gracias "Nadie".

 

Me ha servido !

 

finalmente encontre estos archivos con el filezilla y no me hizo falta modificarlos porque ya estaban como deis que tienen que estar

y de tofas formas me salen desplazados los top menudo

 

reinstalo?prestashop

o alguien me podria ayudar?

Saludos y gracias de un desperado ke ya no sabe ke hacer

Link to comment
Share on other sites
Canido29 Newbie

Canido29

Posted
Posted (edited)

Reoss

pperdonar por ser pesado pero logre poner el menu en el centro centrarlo

 

 

pero el logo ahora me tapa el menu en todas las webs:

me podeis ayudar a solucionar lo del logo que no me tape el menu horizontal?

 

http://www.vaporizadoresespaña.es/

 

http://www.flashvape.es/

 

y en esta ultima tengo el codigo como pone aqui pero no doi centrado el menu ni si quiera:(

 

http://www.vapirno2.es/

 

 

************************ */

#header {position:relative}

#header_logo {

position: absolute;

top: 30px;

z-index: 1;

}

 

 

 

alguien me puede hehcar un cable como hago para solucionar lo del logo que no me pise el menu? y la de vapir pk no se me centra el menu si tengo el codigo bien? :(

 

div id="header_right" class="grid_9 omega">

 

a resintalar sea dicho?instalando.....desde cero version ultima en directorio tiendapreubas

 

luego muevo todo el contenido de tienda pruebas a la raiz y kito todos los archivos de la tienda vieja no?

Edited by Canido29 (see edit history)
Link to comment
Share on other sites
Sergio Ruiz Newbie

Sergio Ruiz

Posted
Posted (edited)

Yo no consigo solucionar el problema: bamvinoshop.com

 

me gustaria que el logo quedase arriba igual de bien que antes de actualizar la version.

El menu horizontal ya se te ve bien.

 

Lo del logo, metele un padding-top al

 

.sf-contener

 

en el fichero

 

superfish-modified.css

 

Para que no se te quede pegado al menú.

Edited by Rubalcaba (see edit history)
Link to comment
Share on other sites
Sergio Ruiz Newbie

Sergio Ruiz

Posted
Posted (edited)

Uff, si me puedes explicar porfavor como hacer eso paso a paso, lo intento ahora mismo. Muchas gracias

 

Archivo:

 

http://bamvinoshop.com/themes/default/css/modules/blocktopmenu/css/superfish-modified.css

 

Buscar

 

.sf-contener {
clear: both;
}

 

Dejar

 

.sf-contener {
clear: both;
padding-top: 20px;
}

Edited by Rubalcaba (see edit history)
  • Like 1
Link to comment
Share on other sites
francesc Newbie

francesc

Posted
Posted

pero el logo ahora me tapa el menu en todas las webs:

me podeis ayudar a solucionar lo del logo que no me tape el menu horizontal?

 

 

Hola Canido,

A mi me pasaba igual, lo he solucionado cambiando en global css esto:

#header {position:relative}
#header_logo {
position: absolute;
top: 30px;
z-index: 1;
}

por esto:

#header {position:relative}
#header_logo {
position: absolute;
top: 20px;
z-index: 1;
}

 

Curiosamente en otra tienda, con el mismo tema he tenido que poner valor 00!

Link to comment
Share on other sites
Sergio Ruiz Newbie

Sergio Ruiz

Posted
Posted (edited)

pero el logo ahora me tapa el menu en todas las webs:

me podeis ayudar a solucionar lo del logo que no me tape el menu horizontal?

 

 

Hola Canido,

A mi me pasaba igual, lo he solucionado cambiando en global css esto:

#header {position:relative}
#header_logo {
position: absolute;
top: 30px;
z-index: 1;
}

por esto:

#header {position:relative}
#header_logo {
position: absolute;
top: 20px;
z-index: 1;
}

 

Curiosamente en otra tienda, con el mismo tema he tenido que poner valor 00!

 

Si eso esta bien, pero si el logo es mas alto y no quieres que se quede pegado y se corte quitando pixeles al top y se choca con el menu, y tienes que meterle un padding al menu.

Edited by Rubalcaba (see edit history)
  • Like 1
Link to comment
Share on other sites
francesc Newbie

francesc

Posted
Posted

Si eso esta bien, pero si el logo es mas alto y no quieres que se quede pegado y se corte quitando pixeles al top y se choca con el menu, y tienes que meterle un padding al menu.

 

De todos modos no lo entiendo, los logos tienen identicos tamaños... bueno, al final he usado tu solución, gracias Rubalcaba!...

Aunque que ocurre si deshabilitas el menu superior? entonces vuelves a tener el mismo problema, ¿no?

Link to comment
Share on other sites
Sergio Ruiz Newbie

Sergio Ruiz

Posted
Posted

De todos modos no lo entiendo, los logos tienen identicos tamaños... bueno, al final he usado tu solución, gracias Rubalcaba!...

Aunque que ocurre si deshabilitas el menu superior? entonces vuelves a tener el mismo problema, ¿no?

jeje

 

He comentado el menu horizontal, por que es el elemento que esta como ultimo en el top of pages....

 

(Hablo en caso de que el logo sea mas "alto" del logo por defecto)

Link to comment
Share on other sites
Sergio Ruiz Newbie

Sergio Ruiz

Posted
Posted (edited)

De todos modos no lo entiendo, los logos tienen identicos tamaños... bueno, al final he usado tu solución, gracias Rubalcaba!...

Aunque que ocurre si deshabilitas el menu superior? entonces vuelves a tener el mismo problema, ¿no?

 

Si no hay menu, le añado un

 

padding-bottom

 

al

 

#header

Edited by Rubalcaba (see edit history)
Link to comment
Share on other sites
Canido29 Newbie

Canido29

Posted
Posted

Si eso esta bien, pero si el logo es mas alto y no quieres que se quede pegado y se corte quitando pixeles al top y se choca con el menu, y tienes que meterle un padding al menu.

 

 

hoooooooooooooooooo

rubalcaba gracias tio me has ahorrado curro

joer ke findesemana llevo

ke keria abrir esa tienda esta semana la tenia lista y asi no la podia abrir

porfin ya no me daba la vista hoy y tachan

http://www.vapirno2.es/

 

se centro el menu y el logo subio,,voi probar otros logos a ver

asiasssss compaaaaaaaaaaaaaaaa

mil gracias por la ayuda y consejo

Link to comment
Share on other sites
Sergio Ruiz Newbie

Sergio Ruiz

Posted
Posted

hoooooooooooooooooo

rubalcaba gracias tio me has ahorrado curro

joer ke findesemana llevo

ke keria abrir esa tienda esta semana la tenia lista y asi no la podia abrir

porfin ya no me daba la vista hoy y tachan

http://www.vapirno2.es/

 

se centro el menu y el logo subio,,voi probar otros logos a ver

asiasssss compaaaaaaaaaaaaaaaa

mil gracias por la ayuda y consejo

Claro, es que no has editado el header.tpl y cambiado el grid, como se explica aqui: http://www.prestashop.com/forums/index.php?/topic/242657-solucionado-problema-con-top-menu-y-barra-de-busqueda/page__view__findpost__p__1200499

 

Gracias a a todos por la ayuda, mi logo al fin está en el sitio deseado. bamvinoshop.com

 

un saludo y hasta el proximo problema!!

Bien !

  • Like 1
Link to comment
Share on other sites
mega01 Newbie

mega01

Posted
Posted

ya se que es un poco tarde para responder en post pero a mi me funciono esto:

 

En el global.css de la nueva version no viene esta funcion añadida en la linea 5

 

@import url("grid_prestashop.css");

 

A mi me ha funcionado solo añadirla.

 

Saludos

Link to comment
Share on other sites
Sergio Ruiz Newbie

Sergio Ruiz

Posted
Posted (edited)

ya se que es un poco tarde para responder en post pero a mi me funciono esto:

 

En el global.css de la nueva version no viene esta funcion añadida en la linea 5

 

@import url("grid_prestashop.css");

 

A mi me ha funcionado solo añadirla.

 

Saludos

 

Ni se te ocurra añadir la linea hay pues en la version de desarrollo ya no viene esa linea: https://github.com/P.../css/global.css

 

Eso era antes.

Edited by Rubalcaba (see edit history)
Link to comment
Share on other sites
Sergio Ruiz Newbie

Sergio Ruiz

Posted
Posted (edited)

Ni se te ocurra añadir la linea hay pues en la version de desarrollo ya no viene esa linea: https://github.com/P.../css/global.css

 

Eso era antes.

 

Lee:

 

http://www.prestashop.com/es/versiones-para-programadores/registro-de-cambios/1.5.4.1

 

[-] FO : Fix bug #PSCFV-7825 removing import of grid_prestashop.css and displaying errors in AdminPerformances

 

http://forge.prestashop.com/browse/PSCFV-7825

 

Ese import esta quitado de hay por algo, no por capricho.

Edited by Rubalcaba (see edit history)
Link to comment
Share on other sites
mega01 Newbie

mega01

Posted
Posted

Parece que me alterado, pero no es asi (jejeje)

 

No hombre, no lo he cogido por ahí!!!no te preocupes

 

A mi me parecia raro pero cuando compare los dos archivos de las dos versiones y vi el error copie y pegue, funciono y lo di por solucionado.

 

Gracias por el consejo de todas formas!!!!

Saludos

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

No hay manera,

si alguien puede ayudarme lo agradeceré

 

www.karrakela.com

 

Recuerda que las normas del foro, establecen que tienes que abrir un tema nuevo en el foro para tu duda, no es capricho mio, son normas del foro..

 

Un Saludo

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Sí, perdón, acabo de hacerlo, las prisas me traicionan

Si, ya he visto que acabas de crearlo aqui: http://www.prestashop.com/forums/index.php?/topic/246003-menu-horizontal-no-se-muestra-al-cambiar-a-1541/

 

Yo tengo que salir ahora mismo, por lo que no puedo contestarte hasta luego tarde, esperemos que mientras no este yo, algun compañero te de la respuesta a tu problema concreto, la cual es muy sencilla.

 

Un Saludo

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...