Reducir tamaño imágenes productos (home_default)  

Hola Martina,

Facilítanos una captura de Preferencias, Imágenes, para que veamos que tamaños tienes establecidos.

Y una url exacta donde podamos ver un caso y el problema que se presenta.

Saludos

Buenas,

Adjunto la captura de pantalla que me pides.

En cuanto a las URL te indico dos:

Esta es mi página web: http://www.projectpcgaming.org/11-ordenadores como verás el tamaño de la imagen del producto es mayor que las imágenes de los productos de prueba en la plantilla Elara por defecto que es esta: http://demopacktienda.webempresa.eu/prestashop_elara/es/11-camisetas

Y la diferencia que hay entre ambas webs es que yo he desactivado la navegación por facetas, por lo que parece que al desaparecer esa sección las imágenes se redimensionan, ampliándose de tamaño y yo lo que quiero es que sean más pequeñas.

saludos y gracias

HOla

Al parecer es un tema de CSS debido al comportamiento responsive y a las imágenes que has puesto

Ubica el siguiente archivo :
/themes/Elara/css/customuser.css

Agrega el siguiente código :

.category .product-image-container img{
	width:auto!important;
}

.category .product-image-container img.replace-2x{
	left:44px!important;
}

Este código fuerza a que las imágenes de las categorías se muestren con el tamaño real en el cual fueron creadas, sin embargo para que tengas el efecto del cambio de imagen al pasar el mouse, debes conservar el tamaño configurado de 302px

Saludos.

Muchas gracias, voy a probarlo esta noche y te digo algo.

saludos

Buenas

Ya he agregado el contenido que me indicaste. Pero tuve que modificar un varlo un poco, en lugar de 44px he puesto 58px, ya que con 44px quedaban un poco descuadradas las imágenes.

Ahora queda perfecto: http://www.projectpcgaming.org/11-ordenadores

Sin embargo me acabo de fijar que me pasa lo mismo que antes en la sección productos destacados de la web de inicio: http://www.projectpcgaming.org

Es decir las imágenes de los productos se ven muy grandes. ¿Qué CSS tengo que modificar para que estén al mismo tamaño que en la sección http://www.projectpcgaming.org/11-ordenadores?

Saludos y gracias

Buenos días Martina,

Prueba a colocar el siguiente código CSS:

.product-image-container img.replace-2x{ left:58px!important; }

ul.product_list .product-image-container img {
width: auto !important;
}

Debajo del que Jhon te había indicado en customuser.css

Revisa si con ello se coloca igual que la otra sección y no afecta a otras.

Saludos

Rafael muchas gracias, lo he probado y va perfecto.

Sólo una cuestión. Al activar la vista tipo LISTA en lugar de CUADRICULA, se descentran un poco las imágenes.

Me gustaría desactivar o eliminar la opción de poder escoger el tipo de vista y dejar por defecto siempre la vista de CUADRÍCULA en la que se ven perfectas las imágenes de los productos, ¿es posible?

He buscado en google y he encontrado esto:

Cambia esto:

*}

¿Es correcto?

EDITO:

He estado probando y parece que funciona. he cambiado esto:

{if isset($orderby) AND isset($orderway)}

{*
• {l s='View:'}
• {l s='Grid'}
• {l s='List'}

*}

De manera que he desactivado el pequeño menú que salía para seleccionar las vistas de LISTA O CUADRÍCULA.

Espero que no afecte a nada más jaja.

Saludos

ResponderCitar

Hola Martina,

Entiendo que con

{* <li class..

lo que tratas es de 'comentar' esas líneas ¿correcto?

Entiendo que es en un archivo .php ¿correcto?

Saludos

Efectivamente, he comentado esas líneas de código para desactivarlas jeje.

El archivo es este: product-sort.tpl

Hay problema por que sea un .tpl?

Hola,

En efecto, el código que indicas es correcto. Los comentarios en los archivos tpl se aplican entre {* y *}.

Puedes aplicar el cambio para que se deje de mostrar el selector del modo lista.

Perfecto! muchas gracias a todos.

Tema zanjado.