Avisos
Vaciar todo

Imágenes distorsionadas  

 
Alink
 Alink
Reputable Member

Buenas a todos

Entrando a tienda se verán una serie de imágenes dentro del módulos de destacados. Muchas de ellas por no decir todas están distorsionadas y deformes como se puede ver.
http://www.airsoftlink.com/tienda.html

Vi el tema por "encima" con Jordi ver : https://www.webempresa.com/foro/5-Virtuemart/38425-Modulo-de-b%C3%BAsqueda--M%C3%B3dulo-Product-scroller.html#38507 pero no se soluciona pues he intentado subir una imagen de tamaño 210x140 (igual que los cuadros) pero me sigue saliendo distorsionada, la imagen se sube como si fuera de 100x66px cuando en realidad es de 210x140.
Es como si ajustara la imagen por defecto a 100x66 o similar, eso antes no lo hacía; de hecho antes estaban perfectamente nítidas. Igual he tocado algo, lo más seguro, pero ni idea de qué.

He probado subir las imágenes tanto desde local (desde el producto, subiéndola con Examinar) como desde FTP, y en ambos casos continúa distorsionada.

Ayuda por favor

Gracias y saludos

URL del sitio: http://www.airsoftlink.com

Citar
Respondido : 20/02/2012 5:26 pm
Lucas
 Lucas
Miembro Admin

Hola,

Revisa estos posts:

https://www.webempresa.com/foro/5-Virtuemart/9098-Problema-con-tama%C3%B1o-de-las-fotos.html

Esta publicación ha sido modificada el hace 2 meses por antonio
ResponderCitar
Respondido : 20/02/2012 8:24 pm

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

Alink
 Alink
Reputable Member

Muchas gracias Lucas, ya me salen nítidas.

Pero, tengo otro problema relacionado con esto. Verás, te explico.
Yo quiero que en Destacados me salgan los productos que seleccione con un tamaño de 210x140 aprox (con ese tamaño están ahora las 3 que aparecen aquí http://www.airsoftlink.com/tienda.html)

El problema está en que ese tamaño es demasiado grande para ponerle a una miniatura, ya que cuando se entre a una categoría, por ejemplo, Pistolas, al ver las pistolas se verá horrible ese tamaño, a parte de que no será del mismo tamaño que las otras.
¿Qué me recomiendas hacer? ¿Tiene arreglo? ¿Puede ponerse una minuatura para la lista de productos y otra para Destacados? Supongo que esto último sería lo ideal.

Lo único que se me ha ocurrido ha sido hacer como categoría de la tienda Destacados y subir el producto también ahí (es decir, subirlo en la categoría normal y en la categorías Destacados), y en Destacados poner el tamaño grande, pero la verdad es que esto me parece ponerle un parche algo feo al problema.

¿Hay alguna solución?
Gracias y saludos

ResponderCitar
Respondido : 21/02/2012 3:44 pm
David Noguera
 David Noguera
Miembro Admin

Hola Alink,
para conseguir que el tamaño de los thumbnails en los productos destacados sea diferente debes de hacer modificaciones en el fichero:

components/com_virtuemart/themes/default/templates/common/productsnapshot.tpl.php

Debes e buscar este código:

<a title="" href="">

Y sustituirlo por algo así:

<a title="" href="">

Después debes de añadir en el fichero de CSS de tu Joomla una definición de clase CSS que modifique el tamaño de la imagen, por ejemplo así:

img.vmpdestacado{
width:40px !important;
height:40px !important;
}

el tamaño es a tu gusto...

Saludos!

ResponderCitar
Respondido : 21/02/2012 6:06 pm

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

Alink
 Alink
Reputable Member

Hola David, gracias por tu respuesta.
¿Estás seguro que esa es la solución o me has entendido bien?

Si aplico los cambios que me has dado ¿qué pasaría? ¿cómo me saldría?

Es que verás, yo cuando selecciono un producto para que aparezca en Destacados, se me deforma la imagen porque no es del mismo tamaño que el cuadro.
Por ejemplo, en Destacados yo tengo un tamaño de los cuadros de 210x140, y puede haber un producto de por ejemplo 125x100, entonces obviamente se me va a ver mal porque la imagen se ajusta a los 210x140.
No me gustaría tener que cambiar el tamaño de los cuadros (sé como) ya que se vería la imagen muy pequeña y habría igualmente problemas con alguna que otra imagen.

¿No puede ponerse una imagen miniatura para el producto en la lista de productos, y otra que solo aparezca en Destacados que sea de 210x140?

Saludos y gracias de antemano.

ResponderCitar
Respondido : 21/02/2012 7:11 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Alink

Lo mejor es que estandarizar a un solo tamaño todo, por ejemplo 210x140.

Según la solución que te ha dado david con esto podría redimensionar la miniatura de los productos destacados reduciendo su tamaño

Saludos.

ResponderCitar
Respondido : 21/02/2012 7:58 pm

Cursos Gratuitos WordPress

Alink
 Alink
Reputable Member

Hola Jhon.

El problema en parte está en que 210x140 me parece un tamaño demasiado grande para poner en la lista de productos. Por ejemplo aquí http://www.airsoftlink.com/tienda/category/32/accesorios-replicas/optica.html

Y en Destacados esos tamaños me parecen demasiado pequeños. Uno intermedio no estaría bien ni en un sitio ni en el otro.
¿Qué me recomendáis? ¿De verdad no hay ninguna forma de seleccionar una imagen para Destacados y otra para la lista de productos?

¿Puede ocultarse de algún modo una categoría? Si así fuera, podría ponerse los artículos que irían en Destacados ahí, solo saldrían en la página inicial de la Tienda y no estorbarían el resto de categorías.
Aunque lo ideal es lo que he preguntado arriba, lo de 2 miniaturas de distinto tamaño para cada cosa.

O a lo mejor la solución que me dais es algo similar y yo no la entiendo...

Saludos y gracias

ResponderCitar
Respondido : 21/02/2012 8:59 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Alink,

Los "productos destacados" se muestran tanto desde el módulo que los muestra como dentro de la categoría de productos a la que pertenezcan, por lo que hacer la separación que comentas para que las imagenes sean diferentes para una u otra selección no es factible, no al menos con las configuraciones prestablecidas bajo las que funciona VirtueMart.

Saludos

ResponderCitar
Respondido : 21/02/2012 11:55 pm

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

Alink
 Alink
Reputable Member

Hola a todos
Finalmente he dado con el problema: estaba utilizando como módulo de productos destacados uno de tipo _tpvmod y no el específico viertuemart featured product module. No se para qué sirve el tpvmod pero ya lo despubliqué , publiqué el featured product module(productos destacados) y ya las fotos se ven bien.: http://www.airsoftlink.com/tienda.html.

Por solucionar , por favor : Cómo hacer para que las imagenes y nombres de ellas salgan todas alineadas ? . Si veis, ahora mismo aparecen , tanto imagenes como nombres de producto , Unos arriba,otros abajo. Vamos , que no está "cuadrado" y quisiera que todo se vea uniforme como debe de ser.

Gracias y disculpas por el error

ResponderCitar
Respondido : 22/02/2012 6:54 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Alink,

Para que se muestre todo cuadrado las imágenes han de tener las mismas dimensiones, y no es el caso ya que vemos imágenes todas de diferentes tamaños.

Saludos

ResponderCitar
Respondido : 22/02/2012 8:39 am

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

Alink
 Alink
Reputable Member

Gracias por la respuesta.
_____________________________________________________________________
Antes que nada, no me ha quedado clara una cosa de la repusesta de David:

Dice que ponga el 2do código en el CSS de mi Joomla!. Podríais especificar en qué archivo css ponerlo?
Gracias
_____________________________________________________________________

Cómo estandarizar los tamaños de las imagenes de productos destacados sin alterar los tamaños de las mismas imagenes que están en "productos " ?

Es la solución original que plantea David en éste mismo tema ?

No lo he probado aùn pero antes de hacer los cambios propuestos por David quería estar seguro que las imagenes de productos no se vieran alteradas y esta estandarización de tamaño se produzca solo para imagenes de p destacados.

Por otro lado Luis dice que esto no se puede hacer ??

Gracias

ResponderCitar
Respondido : 22/02/2012 10:44 am
Alink
 Alink
Reputable Member

Estimados amigos

Esperamos respuesta, por favor.

Quizá de David quién nos planteó una solución

Graciasd y saludos

ResponderCitar
Respondido : 24/02/2012 10:58 am

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Alink

En tu sitio web http://www.airsoftlink.com/tienda.html , el descuadre más que por el tamaño de las imágenes ocurre por la longitud del texto , es decir del nombre del producto, puedes probar reduciendo un poco el texto, por ejemplo ubica el archivo : modules/mod_yagendoo_vm_featured/assets/css/yagendoo.css

línea 28 aprox modifica el tamaño de la fuente a 14px;

.yagendooVmFeatured .yag_rand_item h4.yag_rand_item_title a{
/*otro codigo*/
font-size:14px;
}

Para la separación entre productos superior e inferior , en la línea 20 aprox agreaga un padding

.yagendooVmFeatured .yag_rand_item{
/*otro codigo*/
padding-bottom:30px;
}

Saludos.

ResponderCitar
Respondido : 24/02/2012 4:59 pm
Alink
 Alink
Reputable Member

Perfecto John

Tema cerrado y muchas gracias

ResponderCitar
Respondido : 24/02/2012 5:50 pm

Cursos Gratuitos WordPress