[Solucionado] Cómo cambio el "element.style" del archivo "homefeatured.css"

[javierps]

Buenas tardes,

 

Soy nuevo en Prestashop pero estoy aprendiendo rápido. Estoy diseñando una tienda que espero poder lanzar dentro de poco. Ayer aprendí a través de tutoriales online a "inspeccionar elementos" de mi página con Google Chrome y experimentar con modificaciones hasta obtener el resultado deseado y después trasladarlo al archivo css correspondiente mediante el Notepad++

 

El caso es que mientras en la mayoría de los casos de las modificaciones puedo ver en la esquina superior derecha del inspeccionador el nombre del archivo que debe modificar, en una que acabo de hacer no veo el archivo, ni la línea en la que debe ir la modiciación.

 

Concretamente he intentado modificar el top-margin del módulo "homefeatured.css" ya que se montaba el nombre del artículo con la descripción pero no se dónde incluir la modificación del "element.style"... adjunto una foto para que podais ver a lo que me refiero...

 

Os agradezco mucho vuestra ayuda de antemano.

 

Un saludo

Edited November 1, 2013 by nadie (see edit history)

[Paula Martinez]

Hola,

 

Me llamo Raul Martinez,

 

¿Puedo ver la web?

[ventura]

Eso significa que el css a modificar está incluido en el .tpl

Como te han dicho, si nos muestras la web será más facil poder indicarte

[javierps]

Hola! gracias por responder tan rápido! Así da gusto. Tengo la web en mantenimiento porque estoy en pleno desarrollo, pero acabo de moficiar la imagen que he subido con unas aclaraciones para que podais ver exactamente a lo que me refiero.

 

Mil gracias otra vez

[nadie]

Hola! gracias por responder tan rápido! Así da gusto. Tengo la web en mantenimiento porque estoy en pleno desarrollo, pero acabo de moficiar la imagen que he subido con unas aclaraciones para que podais ver exactamente a lo que me refiero.

 

Mil gracias otra vez

 

 

La imagen no sirve de mucho xDDD

 

Si tu has metido eso con el firebug asi, esta mal, otra cosa es que ese valor lo  tengas inscrustado, entonces deberias editar el /themes/plantilla/modules/homefeatured/homefeatured.tpl, pero me extraña.

 

Adjunta una imagen completa de tu tienda graficamente con lo que quieres ajustar y dime si usas la plantilla por defecto u otra.

[nadie]

No creo que activar la tienda, o adjuntar una captura completa conlleve problema, si recibes la ayuda necesaria.

 

Yo te digo en la plantilla por defecto como va la cosa.

 

En la plantilla por defecto, si tu quieres ampliar el "height"  del nombre, en el fichero:

modules/homefeatured/homefeatured.css

Tienes esto:

#featured-products_block_center .s_title_block, #featured-products_block_center h5 {
padding-top: 5px;
height: 30px;
font-size: 12px;
color: #222;
padding-bottom: 0;
font-weight: bold;
}

Donde por ejemplo, puedes aumentar la altura del nombre y puedes aumentar padding-bottom (relleno inferior), ahora mismo esta a 0, si le pones a 2px, pues seran 2px de relleno hacia abajo.

 

Referente a la descripcion del producto, en el fichero:

 

Eso, si tocas esos valores, recuerda que tienes que ampliar el height del:

#featured-products_block_center li {
margin-right: 10px;
padding: 10px 0;
width: 126px;
height: 240px;
}

y recomendable, tambien tocar en el:

/themes/plantilla/modules/homefeatured/homefeatured.tpl

Esto:

                        {assign var='liHeight' value=250}

ampliarlos siempre 10 valores mas al height que definas en el otro sito. (Tu no notaras la diferencia, pero la ahí)

[nadie]

No creo que activar la tienda, o adjuntar una captura completa conlleve problema, si recibes la ayuda necesaria.

 

Yo te digo en la plantilla por defecto como va la cosa.

 

En la plantilla por defecto, si tu quieres ampliar el "height"  del nombre, en el fichero:

modules/homefeatured/homefeatured.css

Tienes esto:

#featured-products_block_center .s_title_block, #featured-products_block_center h5 {
padding-top: 5px;
height: 30px;
font-size: 12px;
color: #222;
padding-bottom: 0;
font-weight: bold;
}

Donde por ejemplo, puedes aumentar la altura del nombre y puedes aumentar padding-bottom (relleno inferior), ahora mismo esta a 0, si le pones a 2px, pues seran 2px de relleno hacia abajo.

 

Referente a la descripcion del producto, en el fichero:

 

Eso, si tocas esos valores, recuerda que tienes que ampliar el height del:

#featured-products_block_center li {
margin-right: 10px;
padding: 10px 0;
width: 126px;
height: 240px;
}

y recomendable, tambien tocar en el:

/themes/plantilla/modules/homefeatured/homefeatured.tpl

Esto:

                        {assign var='liHeight' value=250}

ampliarlos siempre 10 valores mas al height que definas en el otro sito. (Tu no notaras la diferencia, pero la ahí)

 

Si en cambio quieres meterle un margin-top a la descripcion, seria si usas todo por defecto, en el fichero:

modules/homefeatured/homefeatured.css

#featured-products_block_center .product_desc {
height: 45px;
}

por esto:

#featured-products_block_center .product_desc {
height: 45px;
margin-top:15px;
}

[nadie]

Si ese margin-top que dices te ha aparecido por arte de magia, es que lo tienes en el:

/themes/plantilla/modules/homefeatured/homefeatured.tpl

Pero si eso lo has metido desde firebug tu manualmente, es totalmente incorrecto, en ese caso revisa mis mensajes anteriores.

[javierps]

Hola, gracias por los consejos, no he tocado nada con el Firebug porque no lo tengo, solo uso el Notepad++. Pero tampoco lo he tocado, solo lo he retocado en el inspector de elementos del Chrome para ver cómo lo solucionaba y he dado con la solución: tocando el cuadradito de los estilos ese que viene abajo, concretamente dándole de margen 15px. Esto ha generado código, una líne que dice "top-margin: 15px". Esta línea está en esa ventana donde no me pone el archivo ni la línea donde tengo que cambiarlo....

 

La razón de hacerlo, como os comenté, es que se monta la descripción sobre el nombre del prodcuto en el bloque de Productos Destacados. Uso la plantilla default y el Prestashop 1.5.5. Popr cierto, instalé el 1.5.6 y lo tuve que desintalar porque no cargaba el español.

[nadie]

Hola, gracias por los consejos, no he tocado nada con el Firebug porque no lo tengo, solo uso el Notepad++. Pero tampoco lo he tocado, solo lo he retocado en el inspector de elementos del Chrome para ver cómo lo solucionaba y he dado con la solución: tocando el cuadradito de los estilos ese que viene abajo, concretamente dándole de margen 15px. Esto ha generado código, una líne que dice "top-margin: 15px". Esta línea está en esa ventana donde no me pone el archivo ni la línea donde tengo que cambiarlo....

 

La razón de hacerlo, como os comenté, es que se monta la descripción sobre el nombre del prodcuto en el bloque de Productos Destacados. Uso la plantilla default y el Prestashop 1.5.5. Popr cierto, instalé el 1.5.6 y lo tuve que desintalar porque no cargaba el español.

Con firebug, hablaba del inspector de elementos

 

 

Osea que has metido tu la linea de 15px en el simulador, pero que no estaba metida. ¿no? (Eso es lo primero que deberias haber dicho antes de nada)

 

Tienes que hacer lo que te he dicho en estos post:

 

http://www.prestashop.com/forums/topic/285658-c%C3%B3mo-cambio-el-elementstyle-del-archivo-homefeaturedcss/?view=findpost&p=1439815

 

http://www.prestashop.com/forums/topic/285658-c%C3%B3mo-cambio-el-elementstyle-del-archivo-homefeaturedcss/?view=findpost&p=1439821

[javierps]

Gracias a tus indicaciones lo he solucionado, tocando el padding-bottom que estaba a cero.

 

Muchas gracias Víctor!

Edited November 1, 2013 by javierps (see edit history)

[nadie]

Gracias a tus indicaciones lo he solucionado, tocando el padding-bottom que estaba a cero.

 

Muchas gracias Víctor!

Perfecto !

 

Un placer ayudarte y servirte !

 

Procedo a colocar la palabra "Solucionado" en el titulo del tema y procedo a cerrar el tema.

 

Saludios,