Fotografías de productos en tienda VM con Epimeteo: resolución  

 
Elena
 Elena
Reputable Member

Hola,
queremos ir cambiando las fotografías de los productos de la tienda poco a poco, por unas nuevas que estamos haciendo. El problema es que todas las imágenes las tenemos en 250x250, y al poner las nuevas, que tienen otro tipo de resolución, se me descuadra todo:

¿Hay alguna forma de arreglar esto modificando algún css, o tengo que esperar a tener todas las fotos con la nueva resolución para cambiarlas de golpe?
Gracias, y un saludo!

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 15/07/2015 7:34 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

No he localizado ningún producto con altura mayor, envía la url exacta de la categoría

Si que podría forzarse para que todos tengan una altura determinada lo cual corregíria el problema

Saludos.

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

ResponderCitar
Respondido : 15/07/2015 8:45 pm

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

Elena
 Elena
Reputable Member

Perdona, había puesto la fotografía anterior para que no me descolocara todo, jejeje!
Está ahora en la página principal, http://www.moringavitalmor.com
Mira la que me lía aquí:
http://www.moringavitalmor.com/productos-moringa/productos-e-infusiones-de-moringa-ecologica
Gracias!

ResponderCitar
Respondido : 15/07/2015 8:58 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Agrega el siguiente código en el archivo :
/templates/epimeteo/css/epimeteo-custom.css

.browse-view .productlist{
	min-height:550px;
}

Puedes cambiar 550 por otro valor

Saludos.

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

ResponderCitar
Respondido : 15/07/2015 10:27 pm

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

Elena
 Elena
Reputable Member

Buenas, Jhon. He hecho lo que me has dicho, y me sigue saliendo igual... Y además ahora hay como más espacio en blanco entre las filas de los productos. Salen más separadas las filas.
¿Qué hago?
¡Gracias!

ResponderCitar
Respondido : 16/07/2015 10:47 am
Julen
 Julen
Miembro Admin

Hola Jose,

Prueba añadiendo el siguiente código:

.productlist img.featuredProductImage, .productlist img.browseProductImage {
    max-height: 250px;
    transition: opacity 0.4s ease-in 0s;
    width: 100%;
}

En la ruta: /templates/epimeteo/css/epimeteo-custom.css

Saludos

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

ResponderCitar
Respondido : 16/07/2015 11:09 am

Cursos Gratuitos WordPress

Elena
 Elena
Reputable Member

Ahora sí!!! :woohoo: :woohoo:
Muchas gracias!!
Lo que pasa es que sale la foto un pelín deformada, pero ya cambiaré las medidas cuando tenga todas las fotos puestas, o las haré más cuadradas.
En la página inicial que salen los productos más grandes he puesto 4 en cada fila en vez de 3, y así sale menos deformada.
En las categorías salen más o menos bien.
Gracias de nuevo!!

ResponderCitar
Respondido : 16/07/2015 11:30 am
Elena
 Elena
Reputable Member

¿Se podría poner algo parecido para que reducir la anchura de las fotos? Me explico: en ese código que me habéis dado no deja que supere los 250 px de alto, pero me gustaría, por ejemplo, reducir el ancho a 200, para que no me deformara las fotos nuevas (las viejas no importa tanto).
¿Sería algo así?

.productlist img.featuredProductImage, .productlist img.browseProductImage { max-weight: 200px;
    transition: opacity 0.4s ease-in 0s; width: 100%; }
ResponderCitar
Respondido : 16/07/2015 11:46 am

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

Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

No te recomiendo hacer esto. Actualmente ya está puesto mediante CSS que todas las imágenes de producto ocupen el 100% de ancho disponible, algo muy recomendable para que el funcionamiento responsive de la web funcione bien y las imágenes se adapten de forma automática al ancho disponible.

Si se fija un ancho mínimo podría ocurrir que en el algunos casos las imágenes ocupasen más espacio del disponible y viceversa.

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

ResponderCitar
Respondido : 16/07/2015 3:46 pm
Elena
 Elena
Reputable Member

Ahhhh!!! Ok gracias Pablo. Lo dejo así entonces.
Muchas gracias a los 3 por vuestra ayuda. Sois fantásticos!! :blush:
Un saludo.

Elena.

PD: Tema cerrado.

ResponderCitar
Respondido : 17/07/2015 7:20 pm

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

Por favor Iniciar Sesión o Registro