Avisos
Vaciar todo

Problema tamaño desigual imagenes productos  

 
Juan Carlos
 Juan Carlos
Estimable Member

Hola... He estado leyendo bastante sobre el tema pero no consigo, sin retocar cada imagen una a una, que las imagenes sean todas del mismo tamaño rellenando en blanco el fondo de cada imagen, si fuera necesario, hasta llegar al tamaño deseado sin que la imagen se distorsione... Actualmente las subo atraves de CSVI y tanto en el CSVI como en el virtuemart las tengo configuradas igual, es decir, a 153x153... Gracias y un saludo.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 19/03/2014 7:34 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Juan

Puedes agregar un estilo CSS para definir una altura mínima

Agrega el siguietne código a algún archivo .css o .less que carga tu plantilla.

.moduletable_pro .spacer .cat-image a.imgage{
	min-height:150px;
}

Saludos

ResponderCitar
Respondido : 19/03/2014 9:03 pm

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

Juan Carlos
 Juan Carlos
Estimable Member

ok... Gracias Jhon... Voy a probar a ver... Un saludo

ResponderCitar
Respondido : 19/03/2014 10:03 pm
Juan Carlos
 Juan Carlos
Estimable Member

Hola... He probado el estilo recomendado por jhon pero no hace nada... Además el estilo solo hace referencia al minimo tamaño en altura pero se trata de que la imagen sea rellenada con un fondo hasta el tamaño deseado para evitar que se deforme o pixele... Gracias

ResponderCitar
Respondido : 21/03/2014 1:33 pm

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

Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Este problema es bastante común en Virtuemart. El problema viene provocado por el hecho de las imágenes que se suben a la tienda no tienen todas la misma relación entre el ancho y el alto.

Aunque en la configuración de Virtuemart se establece el ancho y el alto para las miniaturas esto realmente se refiere a los valores máximo que pueden tener. Te pongo un ejemplo: supongamos que configuramos las miniaturas para que tengan un tamaño de 200 píxels de ancho y 200 de alto. Si subimos una imagen con un tamaño de 800x400 la miniatura tendrá un tamaño de 200x100. Sin embargo, si subimos una imagen con un tamaño 400x800 la miniatura tendrá un tamaño de 100x200. Es decir, ajusta el tamaño a los máximos que puede tener.

Para evitar estos descuadres como el de la captura de pantalla que has enviado habría que aplicar algunos cambios en los estilos CSS.

Actualmente no veo que se muestren en tu página de inicio ningún producto, por lo que no puedo ver cómo ha funcionado el cambio que te ha propuesto Jhon. Tendrías que mostrar productos aquí para que te pueda orientar.

Un detalle, realizando pruebas en tu web veo que no puedo seleccionar elementos de submenú, ya que estos desaparecen cuando trato de ir a ellos. Si se trata de un problema con la plantilla tendrías que consultar a los desarrolladores.

ResponderCitar
Respondido : 21/03/2014 2:58 pm
Juan Carlos
 Juan Carlos
Estimable Member

Gracias Pablo... Eso es lo que necesito, unos estilos css para que corriga ese problema con las imagenes... Ya he colgado unas imagenes para que las veas... El template es de prueba hasta ver su comportamiento final ... gracias por el apunte... Espero a ver si puedes solucionarmelo... Muchas gracias

ResponderCitar
Respondido : 21/03/2014 8:01 pm

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

Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Prueba a agregar un código CSS como el siguiente, debería funcionar:

.moduletable_pro .spacer .cat-image {
min-height: 208px;
}
ResponderCitar
Respondido : 24/03/2014 2:21 pm
Juan Carlos
 Juan Carlos
Estimable Member

Hola... Nada... No hay cambios... Lo he puesto en todos los archivos css y nada... He limpiado cache, etc... Os adjunto la carpeta css por si os sirviera de algo... Un saludo

ResponderCitar
Respondido : 24/03/2014 11:01 pm

Cursos Gratuitos WordPress

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Prueba a insertar el código al final del fichero: /templates/leo_tools/css/template.css

Saludos.

ResponderCitar
Respondido : 24/03/2014 11:46 pm
Juan Carlos
 Juan Carlos
Estimable Member

Hola,

Como podras comprobar, ahora lo que se consigue es dejar todos los cuadros de las imagenes al mismo tamaña, ya queda menos, ahora solo faltaria que el resto del cuadro se rellenara en blanco y centrara la imagen, un saludo y gracias

ResponderCitar
Respondido : 25/03/2014 1:07 am

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

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

No te haz planteado colocar todas las imágenes del mismo tamaño para evitar incrustar código en la plantilla?
veo un proceso mucho mas sencillo de esta manera.

Saludos.

ResponderCitar
Respondido : 25/03/2014 2:52 am
Juan Carlos
 Juan Carlos
Estimable Member

Hola, eso he hecho, todas las imagenes iguales, es un trabajo mas lento pero garantiza que sea mas estetico... Gracias y un saludo...

ResponderCitar
Respondido : 02/04/2014 6:15 pm

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