Editar el ancho de TM Headerlink

[sysctl]

Alguien sabe como/donde cambiar el ancho de los menus desplegables de este modulo ? Voy al .css del tema y modifico el div correspondiente ?

[nadie]

Alguien sabe como/donde cambiar el ancho de los menus desplegables de este modulo ? Voy al .css del tema y modifico el div correspondiente ?

 

Coloca la url de tu tienda o de la demo de la plantilla que estes usando, para que la comunidad pueda orientarte de la mejor manera.

 

Un Saludo

[sysctl]

http://livedemo00.template-help.com/prestashop_39343/

 

Editar el ancho del menu desplegable debajo de Body care

[nadie]

http://livedemo00.te...estashop_39343/

 

Editar el ancho del menu desplegable debajo de Body care

 

Fichero:

 

/themes/theme380/css/global.css

 

 

Busca esto:

 

#cat li ul.subcat {
width: 126px;
padding: 10px 0;
background: url(../img/tmc_sub.png) 0 0 repeat-y;
position: absolute;
left: 0;
top: 49px;
display: none;
}

 

Y bajas el width, por ejemplo asi:

 

#cat li ul.subcat {
width: 89px;
padding: 10px 0;
background: url(../img/tmc_sub.png) 0 0 repeat-y;
position: absolute;
left: 0;
top: 49px;
display: none;
}

[nadie]

Te refieres a lo que te señalo en esta imagen: ¿no? (Si es así, sigue la instrucciones de mi mensaje anterior)

 

[sysctl]

Entiendo,

 

si solo quisiera modificar el ancho para Body care y no para los demás, tendría que crear un:

 

 

#cat li ul.subcat2 {

width: 89px;

padding: 10px 0;

background: url(../img/tmc_sub.png) 0 0 repeat-y;

position: absolute;

left: 0;

top: 49px;

display: none;

}

 

Y donde indico que solo sea para esa entrada (Body Care) ?

[nadie]

Con lo que te he dicho, modificas el ancho para todos los que tengan desplegables, no solo para el body care. (Es decir para el desplegable de los menús del modulo que usas)

[sysctl]

Si. entiendo. Pero es que quiero desplegables con distintos anchos. Por eso debería modificar, como me has comentado, esa variable.

Pero en que archivo modifico el <ul class="subcat"> ?

[sysctl]

Nadie, al editar la variable width del global.css cambia el ancho de la seccion para las letras, pero no el fondo. Es decir, aumentando los pixels podría hacer que entrada "aaaaaaaaaaaaaaaaaaaaa" en una sola línea pero se sale del fondo.

 

Tendré que modificar el .PNG. De todas formas si solo quisiera hacerlo para una opción del menu, en que archivo modifico el <ul class="subcat"> como te había comentado ?

[nadie]

Nadie, al editar la variable width del global.css cambia el ancho de la seccion para las letras, pero no el fondo. Es decir, aumentando los pixels podría hacer que entrada "aaaaaaaaaaaaaaaaaaaaa" en una sola línea pero se sale del fondo.

 

Tendré que modificar el .PNG. De todas formas si solo quisiera hacerlo para una opción del menu, en que archivo modifico el <ul class="subcat"> como te había comentado ?

 

Tu respuesta aquí:

 

 

Hola si quieres que tome el ancho para cada ul según el texto con mayor caracteres. Prueba a usar el js Supersubs, aquí un ejemplo: http://users.tpg.com...erfish/#sample5

 

Espero te serva, un saludo

 

Fuente: http://www.prestashop.com/forums/index.php?/topic/193920-editar-el-ancho-de-tm-headerlink/page__view__findpost__p__961181 (Post del usuario Statitic)

[sysctl]

No puedo hacerlo sin cambiar de javascript ?

[nadie]

No puedo hacerlo sin cambiar de javascript ?

 

A modo chapuza...

 

¿Has probado poner un width:auto; ?

 

PD: De todos modos mirate lo que te ha comentado Statitic, pues seria la forma mas correcta.

[sysctl]

El problema que la solución de varias el width o ponerlo en auto, me varía la cantidad de texto que entra por sección pero no el fondo verde.

 

Por tanto si lo aumento, el texto se sale del fondo verde.

[nadie]

El problema que la solución de varias el width o ponerlo en auto, me varía la cantidad de texto que entra por sección pero no el fondo verde.

 

Por tanto si lo aumento, el texto se sale del fondo verde.

 

Prueba hacer lo que te ha comentado Statitic arriba. (En la miniguía del enlace viene explicado de forma sencilla)

[sysctl]

Hola,

 

en que archivo debo modificar el código. Entiendo que tengo que hacer una llama a superfish(), pero donde ? Es que no tengo muy claro a partir de que archivo se genera código para el menu desplegable.

 

Por ej:

<li class="">
<a href="http://livedemo00.template-help.com prestashop_39343/category.php?id_category=6">Diet & energy</a>
</li>

[nadie]

Hola, prueba lo que te ha dicho statitic del 100%

 

Esto lo habia hecho en la PS1.4, era la única manera. Pero lo acabo de probar con el menu de la 1.5 y no funciona correctamente el Supersubs, pero lo bueno es que tan solo dando al .sf-menu li li un ancho del 100% funciona perfectamente sin el plugin en el menu de la PS1.5...

 

Saludos

 

 

Fichero:

 

 

/themes/theme380/css/global.css

 

 

Busca esto:

 

 

#cat li ul.subcat {width: 126px;padding: 10px 0;background: url(../img/tmc_sub.png) 0 0 repeat-y;position: absolute;left: 0;top: 49px;display: none;}

 

 

Y bajas el width, por ejemplo asi:

 

 

#cat li ul.subcat {width: 100%;padding: 10px 0;background: url(../img/tmc_sub.png) 0 0 repeat-y;position: absolute;left: 0;top: 49px;display: none;}

 

[nadie]

Estimado sysctl,

 

Estamos muy preocupados por usted.

 

Cuando pueda comenta en el foro como te ha ido.

 

Un Saludo

[sysctl]

He probado y todo sigue igual. Muchas gracias igualmente

 

Edit: Creo que todo se debe a que coge el fondo del menu de un png (tmc_sub.png) de ese ancho (126pixels).

Edited October 15, 2012 by sysctl (see edit history)

[nadie]

He probado y todo sigue igual. Muchas gracias igualmente

 

Despues de lo que te ha comentado Statitic de modificar el fichero *.tpl ¿Has forzado compilación?

 

¿Puedes colocar la url de tu web ?

[sysctl]

Despues de lo que te ha comentado Statitic de modificar el fichero *.tpl ¿Has forzado compilación?

 

¿Puedes colocar la url de tu web ?

 

Si, claro que he forzado la compilación.

 

No en público.