Imágenes distorsionadas  

Hola,

Revisa estos posts:

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

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

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!

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.

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.

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

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

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

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

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

Estimados amigos

Esperamos respuesta, por favor.

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

Graciasd y saludos

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.

Perfecto John

Tema cerrado y muchas gracias