Jump to content

(SOLUCIONADO) Cambiar tamaño fotos productos destacados y centrarlos. - Plantilla techmarket


Recommended Posts

Te pongo un ejemplo rápido.
 
El primero paso que vamos hacer es hacer las imágenes mas grandes.
 
Pestaña Preferencias -> Imagenes (Depende editar el tamaño home_default vamos a crear un nuevo tipo) 
 
Dentro de la pestaña Preferencias -> Imagenes pulsamos en  boton verde que dice "Añadir Nuevo"
 
Nos aparecerá un formulario y lo rellenamos con los siguientes datos:
 
Nombre tipo: destacados_pa
 
Ancho: 248
 
Alto: 248
 
Productos: V
 
Categorías: X
 
Fabricantes: X
 
Proveedores: X
 
Escenas: X
 
Tiendas: X
 
y pulsamos en guardar.
 
------
 
Una vez hemos guardado los cambios, nos vamos otra vez a la pestaña Preferencias -> Imagenes
 
Y bajamos al final del todo donde dice:
 

 Regenerar miniaturas

Seleccionar imagen: Productos
 
Seleccionar formato: destacados_pa
 
y haces click en el boton que dice "Regenerar Miniaturas"
 
------
 
Ahora nos vamos al fichero:
 

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

Buscas esto:
 

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')|escape:'html'}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" />

Dejalo de forma rapida asi:
 

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'destacados_pa')|escape:'html'}"  alt="{$product.name|escape:html:'UTF-8'}" />

Guardas los cambios y subes el fichero con los cambios realizados.

-------------

Ahora, nos vamos al fichero:
 

modules/homefeatured/homefeatured.css

Buscas esto:

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

y lo dejas asi:

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

---------------

  • Like 1
Link to comment
Share on other sites

Esto que te he puesto es una primera parte.

 

Una vez hayas realizado lo que te he comentado, me avisas y proseguimos.

 

(Recuerda que las medidas, te las he puesto yo a manorra, ya segun tu prefieras u no, las cambias)

  • Like 1
Link to comment
Share on other sites

Supongo que ahora no se me ven las imagenes porque hay que proseguir en los cambios no nadie????

 

En principio con mis pasos, se deberian ver las imagenes.

 

¿El tipo:

destacados_pa

lo has creado en la pestaña Preferencias -> Imagenes ¿como te comente al principio? ?

Link to comment
Share on other sites

Es que has colocado la imagen menos ancha de lo que te he comentado, pero no has reducido el width del css y has colocado el que te dije yo xDDDDDDDDD

 

En definitiva, en tu fichero:

modules/homefeatured/homefeatured.css

Tienes esto ahora:

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

Dejalo asi:

#featured-products_block_center li {
margin-right: 17px;
padding: 10px 0;
width: 232px;
height: 378px;
}
Link to comment
Share on other sites

Por cierto (cambiando de tema)

 

¿El home_default lo has vuelto a dejar como estaba por defecto? ¿no? 

Si si tranqui! tube que abrir el prestashop en el local para acordarme de las medidas que venian standard pero ya esta solucionado jajajajajaja. Por cierto, para no variar, otro punto que te sumas a mi pizarra victor tio, mil gracias como siempre!!!!!!!!!! ya se le va viendo otra cara al tema... ahora a ver que puedo hacer con el buscador y rellenar un poco la parte de arriba que la veo un poco vacia..

SOLUCIONADO!

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...