Cajas de productos descuadradas  

Hola Marta, que navegador estás usando??

Hola David,

Lo estoy viendo con Chrome. Con Explorer es aún peor porque aunque esté cuadrado, la caja gris con los precios y el texto de cada producto se encima sobre la imagen. Envío adjunto pantallazos de ambos para que veas cómo me sale.

Gracias!

Hola Marta

Creo que el problema puede ser que existe mucho texto en la caja gris y el tamaño es muy grande, por eso se descuadra

components/com_virtuemart/themes/ja-zeolite/theme.css , busca el estilo .browsePriceContainer , línea 144 aprox y cambia el porcentaje de la fuente a 100%

.browsePriceContainer {
	font-size: 100%;
	float: left;
	line-height: 40px;
	padding: 0 20px;
	background: url(images/grad2.gif) repeat-x left bottom #DDDDDD;
	border: 1px solid #DDDDDD;
}

Saludos.

No sirve, Jhon, ya lo cambié y sigue descuadrado, estaba a 125% y ahora ha quedado así

.browsePriceContainer {
font-size: 100 %;
float: left;
line-height: 40px;
padding: 0 20px;
background: url(images/grad2.gif) repeat-x left bottom #DDDDDD;
border: 1px solid #DDDDDD;
}

¿alguna otra sugerencia? :-/

Hola Marta

He verificado que aún no ha sido cambiado, o tal vez lo cambiaste nuevamente y ahora esta con font-size:125%

Esto lo puedes comprobar utilizando el firebug, el cual es una extensión de firefox.

Revisa las siguientes imágenes:

Antes del cambio

Después del cambio

Saludos.

Hola Jhon,

Tienes razón, lo cambié directamente en Ninja y no se guardaron los cambios. Ya lo hice ahora, descargándome el .css y volviéndolo a subir... pero el resultado sigue sin ser bueno. Y además me he dado cuenta que en otras opciones de visualización de los productos se me descuadra mucho más, porque se alinean tres productos y quedan fuera de la caja blanca, como puedes ver en los siguientes pantallazos:

Tampoco me emociona que, estando una caja de producto junto a otra, sean de distinto alto.
No sé si la única forma que hay de que quede bien visualmente es que ponga una sola columna, pero la verdad es que, si quedaran regulares, me gustaría poner dos, porque son demasiados artículos. ¿Se te ocurre qué otra cosa puedo intentar?

Gracias por tu ayuda.

Hola Marta

Tal vez se vería mejor si desactivas el texto de 18% IVA, de otro modo tendrías que reducir más el tamaño del texto.
desde la configuración de virtuemart => global => configuración de precio => mostrar (% inclusión impuesto)

Por otro lado, con respecto a las 3 columnas, verifica los parámetros en la configuración de virtuemart => sitio => esquema (layout)
Puedes enviarnos una captura de pantalla de cómo lo tienes configurado.

Saludos.

Ya he hecho las modificaciones que decías. Queda mejor, como dices, si quito el IVA.... Aunque sigue habiendo algo que no funciona 🙁

Te paso el pantallazo de la confinguración de virtuemart (pasada de 3 a 2 columnas)

Y aquí está el resultado final... que queda bastante feo.

Veo que el tema seguramente esté en recortar los textos, así que recorto el de los lienzos y me queda más regular, todas las descripciones cortas ocupan máximo dos renglones:

Aun así, hay nombres de producto que serán demasiado largos, y esos son difíciles de acortar. En cualquier caso tampoco creo que haya nombres de producto que ocupen más de dos renglones, así que quizá se podría "fijar" un mínimo de alto de caja pensando en que hubieran dos lineas en el nombre. Pero no sé si hay algún error con ello, porque a mí me da la impresión de que el nombre del último producto (el pincel) está dividido en cuatro renglones cuando quizá cabría en menos...

Por otra parte ¿no tendrían que fijarse al hacer las miniaturas en un tamaño fijo determinado? ¿Debería de editar yo de antemano las imágenes antes de subirlas para que tuvieran todas las mismas proporciones?

Como ves sigo con algunas dudas... gracias por ayudarme 🙂

Hola otra vez 🙂

Se me olvidaba comprobar cómo quedaba con otro navegador, y al abrirlo en explorer me he encontrado con esto :blink:

Alguna idea más?

Hola Marta

Tal vez, por la naturaleza de tus productos podrías colocarlos en una fila, es decir un listado de una columna, de esa manera puedes incluso incluir el IVA, tal como figuraba anteriormente. Si te gusta esta idea podemos ver cómo hacerlo.

Saludos.

Hola Jhon, buenos días,

Está bien ponerlo todo en una sola columna. Como además he habilitado la columna derecha hay aún menos espacio.
El problema es que en explorer la caja de los precios se me sigue encimando sobre la imágen del artículo. ¿cómo puedo solucionarlo?

Gracias por tu ayuda.

Hola Marta

Creo que la separación entre la imagen y el texto puedes conseguirlo modificando el siguiente estilo

.imagenlistado{
  /*otro código*/
  width : 80px;
}

Esto lo ubicarás en el archivo de estilos de tu tema de virtuemart /components/com_virtuemart/themes/ja-zeolite/theme.css

Saludos.

Esta historia me está volviendo loca todavía... :-/

A ver, tengo los productos en subcategorías, y quiero que se muestre el listado de productos tanto en la subcategoría como en la categoría (en esta todos los productos que están en las diferentes subcategorías asociadas).
En la subcategoría se muestran bien (listado de 1 sola columna) pero en la categoría se muestran todos los productos de las subcategorías en cuatro columnas, por lo que se me descuadra todo. Aún así, no ocurre esto en TODAS las categorías, sólo en las últimas que he introducido. ¿Qué está pasando? ¿A alguien se le ocurre cómo puedo resolverlo?
Adjunto pantallazos de todo: La configuración que dice que sólo se muestre 1 producto por row, la categoría "pinceles" (que está dividida a su vez en otras subcategorías) donde se ve bien el listado con los productos asociados a cada subcategoría, una subcategoría de colores donde se ven éstos bien alineados, y la categoría superior a esa subcategoría donde está el error y se ven cuatro productos por fila...

¿Alguien podría decirme qué es lo que tengo que tocar para corregir esto?

Gracias!

Una de las imágenes es errónea... la buena es la que sigue :dry: