Avisos
Vaciar todo

Reducir tamaño imágenes productos (home_default)

12 Respuestas
5 Usuarios
0 Reactions
1,654 Visitas
Respuestas: 26
Eminent Member
Topic starter
 

Buenas, en mi plantilla ELARA modificada he intentado reducir el tamaño de las imágenes de los productos que se visualizan en cada categoría, en concreto las home_default pero no lo consigo.

Me he fijado que al quitar el bloque de navegación por facetas las imágenes se han agrandado con respecto a la plantilla original en la que sí que está activado el bloque por facetas.

Quiero que tengan un tamaño de 302 de ancho por 354 de alto, pero como digo, parece que se redimensionan solas para ocupar todo el espacio al no tener el bloque por facetas activado.

Ya probé a vaciar caché y a regenerar miniaturas.

¿Es un problema de css?

saludos y gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 21/09/2015 1:51 am
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

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


 
Respondido : 21/09/2015 2:30 am
Respuestas: 26
Eminent Member
Topic starter
 

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


 
Respondido : 21/09/2015 1:09 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

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.


 
Respondido : 21/09/2015 6:06 pm
Respuestas: 26
Eminent Member
Topic starter
 

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

saludos


 
Respondido : 21/09/2015 10:08 pm
Respuestas: 26
Eminent Member
Topic starter
 

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


 
Respondido : 22/09/2015 12:52 am
Rafael
Respuestas: 1975
Noble Member Moderator
 

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


 
Respondido : 22/09/2015 10:44 am
Respuestas: 26
Eminent Member
Topic starter
 

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:

  • List
  • por

    {*

  • List
  • *}

    ¿Es correcto?

    EDITO:

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

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

    Respondido : 23/09/2015 12:05 am
    Luis Mendez Alejo
    Respuestas: 23273
    Illustrious Member
     

    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


     
    Respondido : 23/09/2015 2:40 am
    Respuestas: 26
    Eminent Member
    Topic starter
     

    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?


     
    Respondido : 23/09/2015 12:00 pm
    Pablo Velasco
    Respuestas: 20382
    Illustrious Member
     

    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.


     
    Respondido : 23/09/2015 3:07 pm
    Respuestas: 26
    Eminent Member
    Topic starter
     

    Perfecto! muchas gracias a todos.

    Tema zanjado.


     
    Respondido : 23/09/2015 10:09 pm