Botón Comprar desal...
Avisos
Vaciar todo

Botón Comprar desalineado (Sólo ocurre en algunos productos)  

 
informatica
 informatica
Usuario activo

Hola,

El botón comprar en ciertos productos se muestra desalineado, quedando justo encima de la caja de cantidad. Sólo ocurre con ciertos productos y es extraño ya que las fotos de las miniaturas son de igual tamaño y las ha generado el propio virtuemart con el mismo tamaño. ¿Como puedo solucionar que el botón Comprar no se muestre por encima de la caja de cantidad?

Saludos.

Citar
Respondido : 21/11/2011 10:59 am
David Noguera
 David Noguera
Miembro Moderator

Hola,

necesitaríamos una captura de pantalla de la web donde se muestre uno de estos botones desalineados, ya que seguramente será un problema de CSS fácilmente solucionable usando Firebug..

Saludos

ResponderCitar
Respondido : 21/11/2011 11:08 am

Cursos Gratuitos WordPress

Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Tendrías que indicarnos el enlace a la página donde se muestra este listado para que podamos analizar el código del producto que sale mal en el listado.

ResponderCitar
Respondido : 21/11/2011 11:08 am
informatica
 informatica
Usuario activo

He incluido una captura. Gracias

ResponderCitar
Respondido : 21/11/2011 11:14 am

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

informatica
 informatica
Usuario activo

Aquí os reenvio el link:

http://lopezpue-cp42.webjoomla.es/index.php?option=com_virtuemart&page=shop.browse&category_id=28&Itemid=53

ResponderCitar
Respondido : 21/11/2011 11:17 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

El problema realmente está en que en el primer producto el título ocupa 2 líneas y en el segundo solo uno. Para arreglar esto prueba lo siguiente: editar el archivo components/com_virtuemart/themes/vm_mynxx/theme.css y buscar el siguiente código:

.home-featured-cartblock {position:relative;margin-top: 10px;}

Prueba a cambiarlo por el siguiente:

.home-featured-cartblock {position:relative;margin-top: 15px;}

Es decir, le ponemos 5 píxeles más de margen por arriba a la caja de cantidad de producto y botón de añadir al carro. Con esto se debería de solucionar el problema.

ResponderCitar
Respondido : 21/11/2011 11:36 am

informatica
 informatica
Usuario activo

Hola Pablo,

Gracias por tu solución, ha funcionado correctamente. En vez de 5 píxeles más tuve que añadirle 10 píxeles. Muchas gracias.

Saludos.

ResponderCitar
Respondido : 21/11/2011 1:54 pm