Separar columnas?  

Hola Patricia,

Accediendo a http://www.libreriacafelapsus.com/index.php?option=com_virtuemart&Itemid=71&lang=es veo que son los productos destacados. Se juntan varios factores, que el sitio web lo tienes a tres columnas y los títulos de los productos son largos.
La solución más sencilla es no publicar módulos en la zona right de la plantilla, y pasarlos por ejemplo a la zona left, de esta manera el "centro" ocupará el espacio de la columna right.

Si deseas mantener tres columnas, veo con Firebug que se construyen los productos:

aumenta el padding que lo tienes a 0 por 4 por ejemplo:

Saludos

Hola Jordi,
Muchas gracias por tu respuesta!
Podrías darme más detalles para encontrar el código que comentas? Me gustaría mantener las tres columnas.

Saludos

Hola Patricia,

Analizando con Firebug, no se visualiza el archivo al cual pertenece.

En el foro de Virtuemart indican como modificar las CSS de los productos destacados:
http://forum.virtuemart.net/index.php?topic=89740.0
http://forum.virtuemart.net/index.php?topic=43125.0

Saludos

Hola Jordi,

Como no logré encontrar el archivo que contiene el código para poder modificarlo, terminé optando por dejar el sitio a dos columnas, es decir no publicar ningún módulo en posición "right" y dejarlo todo en la "left", sin embargo el problema persiste a pesar que queda bastante espacio a la derecha... Alguna otra idea de cómo lo podría solucionar?

Saludos y gracias por tus respuestas.

Hola Patricia,

Veo que no aparecen los productos destacados en http://www.libreriacafelapsus.com/index.php?option=com_virtuemart&Itemid=71&lang=es

Para poder resolver un tema, necesitamos visualizarlo.

Saludos

Hola Jordi,

Sí, es porque probando y buscando por dónde seguir, había desactivado la opción de visualizar productos en la configuración del tema "default" pero ya la he activado nuevamente.

Muchas gracias por tu respuesta!!

Hola,

Prueba a editar, previa copia de seguridad, el siguiente archivo:

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

En este archivo cambia el código

<div style="float:left;width:%;text-align:top;padding:0px;" >

por el siguiente:

<div style="float:left;width:%;text-align:top;padding:0px;margin:0 0 15px 0;" >

De esta forma, se estará dejando un margen de 15 píxeles por debajo de cada producto. Si quieres variar ese espacio tan solo tendrás que cambiar el valor 15px del nuevo código por el nuevo espacio.

Hola Pablo,

Gracias por tu respuesta!! Hice el cambio de código y el problema continúa pero probé verlo en Firefox y se ve bien sin embargo en el explorer 8 no. Adjunto dos capturas (explorer 8 y Firefox).
Saludos y gracias de nuevo.

... captura explorer 8

Hola patricia,

He revisado el formulario con Firefox, Chrome y con Internet Explorer 9 y todo se ve correctamente.

Que un sitio web se vea mal en Internet Explorer, u otros navegadores, puede ser debido a varios factores y no es un problema exclusivo de Joomla!, ya que sucede a todos los CMS del mercado:

Generalmente la plantilla es posible que no este preparada para verse correctamente en las diferentes versiones (En IE6 puede ser porque esa plantilla no es soportada u ofrece compatibilidad con ese navegador, en IE7 porque la plantilla no esta bien configurada, y con IE8 a veces sucede que la plantilla no este configurada bien para ese navegador, ya que fue realizada con anterioridad a la aparición del mismo). Hay que modificar la plantilla, y establecer hacks para cada navegador en las CSS.

Puede ser que la plantilla esté bien configurada, pero los contenidos y módulos insertados no estén bien configurados, o se dejen etiquetas de código abiertas, o imágenes demasiado grandes y se produzcan desbordamientos en la plantilla, hay que tener en cuenta que IE en algunos aspectos es mucho más sensible que Firefox.

Los distintos navegadores pueden llegar a interpretar de forma distinta los atributos CSS que se estén aplicando a una plantilla. De ahí que puedan existir diferencias.

Por norma general, siempre se intenta usar código HTML y CSS que sean compatibles con todos los navegadores, o al menos la mayor parte de los mismos.

El trabajo a realizar para arreglar los problemas con IE consistiría en ir analizando que partes de la web son las que provocan problemas con IE para realizar las modificaciones oportunas. En Webempresa.com no ofrecemos soporte sobre la versión Internet Explorer 6.

Puedes optar por instalar o habilitar (en nuestros packs ya se incluye dicho plugin instalado) "IE Compatibility" y ajustarlo a la emulación que necesites corregir o adaptarlo.

- IE Compatibility: http://extensions.joomla.org/extensions/style-a-design/browsers-a-web-standards/7623 [Enlace despublicado actualmente en el JED]
- http://downloads.ijoomla.com/joomla-downloads/style-a-design/browsers-a-web-standards/ie-compatibility

Saludos

Gracias por toda la ayuda.

Finalmente después de mucho buscar encontré un Theme gratis que si bien no queda perfecto se ve un poco mejor. Es el mismo "default" pero un poco mejorado.

Dejo el enlace por si a alguien más le sirve.

http://www.minitek.gr/templates-themes/virtuemart-themes/virtuemart-free-themes.html

Saludos