Avisos
Vaciar todo

Cuadrar y alinear módula Productos destacados  

Página 2 / 4
 
Alink
 Alink
Reputable Member

Buenos días

Cómo puedo cuadrar y alinear todos los productos presentados en el módulo de Productos destacados ?

Me salen descuadrados , no alineados y algunos con los nombres de los productos debajo

http://www.airsoftlink.com/tienda.html

Muchas gracias

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

Citar
Respondido : 28/02/2012 8:57 am
Alink
 Alink
Reputable Member

Hola Jordi
El módulo que estoy utilizando , que es el que se muestra ahora mismo con el error de descuadre total es mod_virtuemart_featureprod

Ya limpié la caché, hecho todos los cambios propuestos y ya ves que sigue igual. Lo mas paradójico es que si habilito el módulo módulo de mod_tpvm se ve PERFECTAMENTE cuadrado y alineado todo , como puedes ver la captura adjunta , PERO con las imagénes deformes a pesar de haber puesto las medidas indicadas.

No tengo predilección especial por ninguno de los módulos : solo quiero uno de los dos pero cuadrado, alineado y con las fotos bien.

Curioso : lo que no tiene un módulo de alineado lo tiene el otro con las fotos deformes

Hracias Jordi y a ver si lo podemos solucionar

ResponderCitar
Respondido : 06/03/2012 12:00 pm

Cursos Gratuitos WordPress

Alink
 Alink
Reputable Member

Hola Jordi
El módulo que estoy utilizando , que es el que se muestra ahora mismo con el error de descuadre total es mod_virtuemart_featureprod

Ya limpié la caché, hecho todos los cambios propuestos y ya ves que sigue igual. Lo mas paradójico es que si habilito el módulo módulo de mod_tpvm se ve PERFECTAMENTE cuadrado y alineado todo , como puedes ver la captura adjunta , PERO con las imagénes deformes a pesar de haber puesto las medidas indicadas

No tengo predilección especial por ninguno de los módulos : solo quiero uno de los dos pero cuadrado, alineado y con las fotos sin estar deformes .

Curioso : lo que no tiene un módulo de alineado lo tiene el otro con las fotos deformes

Gracias Jordi y a ver si lo podemos solucionar

ResponderCitar
Respondido : 06/03/2012 12:06 pm
David Noguera
 David Noguera
Miembro Moderator

Hola Alink,

envíanos la URL donde podamos ver el problema, de lo contrario no podemos ver que falla..

Saludos!

ResponderCitar
Respondido : 06/03/2012 5:40 pm

Alink
 Alink
Reputable Member

Hola David

Perdona pero no te entiendo. La url ?

Peso si està en todo el transcurso del hilo : www.airsoftlink.com y de alli tienda.

Gracias

ResponderCitar
Respondido : 06/03/2012 5:46 pm
Alink
 Alink
Reputable Member

POR FAVOR, alguien me puede ayudar a solucionar este tema?

Estimados David , Jordi : el tema está inconcluso

Muchas gracias

ResponderCitar
Respondido : 08/03/2012 6:29 am

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

David Noguera
 David Noguera
Miembro Moderator

Hola alink, disculpa por mi última respuesta, por equivocación pensé que la esta era la primera página y por este motivo no ví el enlace..

Te cuento... lo ideal es que todas las miniaturas de tu web tengan el mismo ancho y alto, o al menos el mismo alto, para evitar que quede desigualado el listado de productos como te pasa a tí..

Lo ideal sería que bajaras todas las imágenes de

/components/com_virtuemart/shop_image/product/resized/

Después, haz una copia de todas, por supuesto.. y deberás de hacer un tratamiento de imágenes en batch para que todas las imágenes se ajusten a un mismo alto, asegúrate de no redimensionar la imagen, si redimensionas es probable que te pierdan proporciones o pierdan calidad.. Usando Fireworks hay opciones para hacer esto sobre todas las imagenes de un directorio, así las puedes redimensionar todas de un plumazo y después volver a subirlas...

Si no quiere redimensionar las imágenes, puedes simplemente alinearlas todas a la parte superior añadiendo este código CSS a tu plantilla:

-Primero añade un sufijo de la clase CSS del módulo mod_featured_product así: " featured_product". Fíjate que hay un espacio en blanco al principio, es importante que lo mantengas.... después añade este código:

.featured_product table tr td {
     vertical-align:top;
}
.featured_product table tr td{
     padding-top:25px !important;
}
.featured_product table tr td form{
     position:relative;
     top:15px;
}
.featured_product  table tr td img{
    margin-top:15px;
}

No queda igualq ue si dejas las miniaturas todas del mismo tamaño, pero algo se arregla...

Saludos!

ResponderCitar
Respondido : 08/03/2012 10:22 am
Alink
 Alink
Reputable Member

PARA DAVID Y JORDI, POR FAVOR

Estimado David : Gracias por tu respuesta. Si ves el desarrollo del hilo primero Jordi nos comentó que dejáramos el ancho igual para todas las miniaturas y el alto en relativo. Así lo hicimos y así está ahora mismo en tienda como lo puedes ver: http://www.airsoftlink.com/tienda.html Todas con un ancho de 150 y un alto relativo.

Ahora tú nos comentas igualar en alto. Qué nos hace pensar que cambiando la igualdad en ancho propuesta por Jordi por la igualdad en alto propuesta por tí el tema se solucione ? No es lo mismo pero invertido ?

El módulo que estamos utilizando es mod_virtuemart_featureprod y las imágenes que ahora mismo se muestran en el módulo ( 8 en total ) se han hecho a la "medida" de las indicaciones de Jordi exprofesamente.

Qué debemos hacer para que nuestro módulo de productos destacados sea como el de cualquier tienda web normal? : cuadrado y alineado ? Prefiero seguir haciendo "las pruebas" con estas 8 únicas fotitos antes de meterme a ningún batch

Os pediría , por favor, si pudierais intercambiar opiniones al respecto retomando el tema desde cero.

Muchísimas gracias ¡

ResponderCitar
Respondido : 08/03/2012 5:23 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Alink

Creo que para que se vea correctamente deberás tener un alto y un ancho similar en todas las miniaturas, algunas imágenes será necesario colocar un fondo blanco para que tengan el mis alto.

Con esto solucionarás el problema del descuadre en el diseño, por ejemplo las imágenes a 150x150

Saludos.

ResponderCitar
Respondido : 10/03/2012 1:17 pm
Alink
 Alink
Reputable Member

Gracias Jhon

Y esto una por una ?
Y esto de poner fondo blanco para lograr el mismo alto, una por una ?

Son más de 1000 imágenes que ya están subidas y si ves , por ejemplo, una subcategoría http://www.airsoftlink.com/tienda/category/27/pistolas/gas.html allí aparecen más o menos bien por no decir bien.

Si el problema de no estar alineadas sólo aparece cuando se publican en el módulo de productos destacados..... qué recomeindas ? Tratar las 1200 imágenes ?

Gracias

ResponderCitar
Respondido : 10/03/2012 3:50 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Alink

Ok, lo ideal hubiera sido trabajar con las mismas dimensiones para todas las categorías, las imágenes que se muestran en la misma categoría no tienen problema ya que son similares.

Lo que se debe corregir entonces es solamente como mostrar el módulo de destacados debido a que muestra imágenes de diferentes categorías.

Primero deberas identificar al módulo de destacados tal como te comentó david con un sufijo

Luego en base a ese sufijo se podrán dar dimensiones predeterminadas al contenedor, en este caso la etiqueta de link a, por ejemplo de 150x150 , tus imágenes no deberían exceder estas medidas.

Revisa el siguiente artículo para asignar un sufijo a un módulo

Luego que coloques el sufijo podremos identificar las etiquetas html a cambiar enmarcadas en el sufijo

Saludos.

ResponderCitar
Respondido : 10/03/2012 5:03 pm
Alink
 Alink
Reputable Member

Ok,voy a empezar con lo que me dices..
Siguiendo lo de David, el sufijo lo pongo en Tipo de módulo: mod_virtuemart_featureprod , verdad ? Donde en "sufijo de la clase del módulo" o en "Menu clas sufixx" ?

ResponderCitar
Respondido : 10/03/2012 5:35 pm

Cursos Gratuitos WordPress

Alink
 Alink
Reputable Member

Bien, ya he puesto el sufijo  featured_product en el módulo que estoy usando (Virtuemart featured products).
¿Dónde debo poner el código CSS que me dice David?

ResponderCitar
Respondido : 10/03/2012 6:07 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Alink,

En que posición se encuentra actualmente el modulo Virtuemart Featured Products?

Saludos.

ResponderCitar
Respondido : 10/03/2012 6:33 pm

Alink
 Alink
Reputable Member

Hola Johhny

Esta en Cpanel

Gracias

ResponderCitar
Respondido : 10/03/2012 6:35 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola Alink,

Me refiero en que posición se encuentra el modulo Virtuemart Featured Products dentro tu Joomla en el gestor de módulos.

Saludos.

ResponderCitar
Respondido : 10/03/2012 6:40 pm

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

Página 2 / 4