Reducir tamaño imágenes productos (home_default)  

 
Martina
 Martina
Usuario eminente

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

Citar
Respondido : 21/09/2015 2:51 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 21/09/2015 3:30 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Martina
 Martina
Usuario eminente

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

ResponderCitar
Respondido : 21/09/2015 2:09 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 21/09/2015 7:06 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Martina
 Martina
Usuario eminente

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

saludos

ResponderCitar
Respondido : 21/09/2015 11:08 pm
Martina
 Martina
Usuario eminente

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

ResponderCitar
Respondido : 22/09/2015 1:52 am

Cursos Gratuitos WordPress

Rafael
 Rafael
Miembro 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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 22/09/2015 11:44 am
Martina
 Martina
Usuario eminente

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 1:05 am

    wpdoctor-revisa-la-salud-de-tu-wordpress

    Luis Mendez Alejo
     Luis Mendez Alejo
    Miembro Admin

    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

    Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
    Enviar Testimonio
    ¡Gracias!.

    ResponderCitar
    Respondido : 23/09/2015 3:40 am
    Martina
     Martina
    Usuario eminente

    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?

    ResponderCitar
    Respondido : 23/09/2015 1:00 pm

    Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

    Pablo Velasco
     Pablo Velasco
    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.

    Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
    Enviar Testimonio
    ¡Gracias!.

    ResponderCitar
    Respondido : 23/09/2015 4:07 pm
    Martina
     Martina
    Usuario eminente

    Perfecto! muchas gracias a todos.

    Tema zanjado.

    ResponderCitar
    Respondido : 23/09/2015 11:09 pm

    optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

    Por favor Iniciar Sesión o Registro