Avisos
Vaciar todo
VirtueMart 2.0
10
Respuestas
4
Usuarios
0
Reactions
701
Visitas
Topic starter
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
Respondido : 15/07/2015 6:34 pm
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.
Respondido : 15/07/2015 7:45 pm
Topic starter
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!
Respondido : 15/07/2015 7:58 pm
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.
Respondido : 15/07/2015 9:27 pm
Topic starter
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!
Respondido : 16/07/2015 9:47 am
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
Respondido : 16/07/2015 10:09 am
Topic starter
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!!
Respondido : 16/07/2015 10:30 am
Topic starter
¿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%; }
Respondido : 16/07/2015 10:46 am
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.
Respondido : 16/07/2015 2:46 pm
Topic starter
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.
Respondido : 17/07/2015 6:20 pm
