Centrar Texto

[JorgeC]

Hola de nuevo, dónde tendría que ir y qué hacer para centrar en la plantilla por defecto prestashop 1.5 el texto que aparece debajo de los productos destacados. Justo debajo del visor de imágenes deslizante hay unos cuadros con productos destacados, pues bien, me gustaría centrar debajo de cada imagen el nombre, texto, "ver", precio. ((adjunto imagen))

 

Mil gracias

[Sergio Ruiz]

Url de tu tienda, para verlo.

[FranciscoVillen]

¿te manejas bien con las hojas de estilo, los archivos css?

 

Creo que bastaría con añadirle la propiedad css text-align: center;

 

Para que te hagas una idea si el codigo html de cada producto destacado en la pagina de inicio tiene la siguiente estructura:

 

<li class="ajax_block_product item "> <a title="titulo" href="link ficha" class="product_image">

<img width="124" height="124" alt="Climaver A2" src="src"></a>

<h5><a title="titulo" href="asd">itulo</a></h5><div class="product_desc">

<a title="Más" href="">Descripcion producto</a></div><div> <a title="Vista" href="" class="lnk_more">Vista</a>

<p class="price_container"><span class="price">19,41 €</span></p>

<a title="Añadir al carrito" rel="ajax_id_product_14" href="" class="exclusive ajax_add_to_cart_button">Añadir al carrito</a></div></li>

 

 

En el archivo global.css de tu theme tendrias que añadir algo parecido a esto, pero teniendo en cuenta el valor del atributo class o id de los elementos html de tus productos destacados:

 

.ajax_block_product h5 a, .ajax_block_product .product_desc a, .ajax_block_product .price{

text-align: center;

}

 

 

Un saludo.

Edited May 21, 2013 by FranciscoVillen (see edit history)

[Sergio Ruiz]

Lo que te dice Francisco, seguramente no te va a funcionar como tu quieres y se te va a quedar todo "hecho" un desastre.

Edited May 21, 2013 by Rubalcaba (see edit history)

[JorgeC]

Muchas gracias a los 2 por contestar, la web es www.retaco.es aprovecho que activo la página para comentar también que me gustaría que las columnas de productos (horizontales) no estuviesen tan separadas, me refiero que la fila de abajo no esté tan separada de la de arriba. También se puede observar que en productos más vistos no aparece la imagen y he comprobado que ocurre cuando pongo 2 imágenes de producto ¿es normal? Perdón por preguntar varias cosas pero aprovecho que la activo en este momento.

 

MUCHAS GRACIAS

[nadie]

la web es www.retaco.es

 

Buenas tardes a todos,

 

Dime si lo que te comento es lo que quieres, cuando dices "Centrar".

 

Ve en tu caso particular al archivo:

 

http://www.retaco.es/themes/freedesign/css/modules/homefeatured/homefeatured.css

 

Busca esto:

 

#featured-products_block_center li {
margin-right: 10px;
margin-top: 40px;
padding: 10px 0;
width: 180px;
height: 300px;
}

 

Y dejalo asi:

 

#featured-products_block_center li {
margin-right: 10px;
margin-top: 40px;
padding: 10px 0;
width: 180px;
height: 300px;
text-align: center;
}

 

Dime si lo quieres asi, o sino lo quieres asi. (Es decir una vez, que veas como ha quedado)

[JorgeC]

Nadie, PERFECTO, eso es exactamente lo que quería, muchas gracias. No sé si puedes ayudarme con las otras dos cosillas o doy por solucionado el tema .... ?

[nadie]

Nadie, PERFECTO, eso es exactamente lo que quería, muchas gracias. No sé si puedes ayudarme con las otras dos cosillas o doy por solucionado el tema .... ?

Te respondo a la otra duda de la altura de los productos destacados.

 

Ve al archivo:

 

/themes/freedesign/modules/homefeatured/homefeatured.tpl

 

Busca esto:

 

  {assign var='liHeight' value=250}

 

Y dejalo asi:

 

 

  {assign var='liHeight' value=265}

 

Despues ve al fichero:

 

http://www.retaco.es/themes/freedesign/css/modules/homefeatured/homefeatured.css

 

Busca esto:

 

 

 

#featured-products_block_center li {
margin-right: 10px;
margin-top: 40px;
padding: 10px 0;
width: 180px;
height: 300px;
text-align: center;
}

 

Y dejalo asi:

 

#featured-products_block_center li {
margin-right: 10px;
margin-top: 40px;
padding: 10px 0;
width: 180px;
height: 265px;
text-align: center;
}

[JorgeC]

PERFECTO !!! es justo lo que quería, ahora la distancia es perfecta .... lo único es que ahora ha quedado muy pegado el precio de la 2ª fila al módulo del pie de página ...