Separar columnas?  

 
patricia
 patricia
Usuario experto

Hola,

Cómo puedo separar los títulos de productos en Virtuemart? Son títulos de libros y se juntan unos con otros. Estoy usando browser_1 y flypage.tpl y he tratado de hacer modificadiones en el tamaño de letra, he cambiado h2 (que está por defecto) por h4, etc... pero no consigo ningún resultado, no veo ningún cambio. Es un problema de columnas? ...
Adjunto captura.
Gracias!

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

Citar
Respondido : 11/03/2012 8:32 pm
Jordi Sala
 Jordi Sala
Miembro Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 12/03/2012 8:01 am

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

patricia
 patricia
Usuario experto

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

ResponderCitar
Respondido : 12/03/2012 6:58 pm
Jordi Sala
 Jordi Sala
Miembro Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 13/03/2012 11:10 am

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

patricia
 patricia
Usuario experto

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.

ResponderCitar
Respondido : 14/03/2012 12:49 pm
Jordi Sala
 Jordi Sala
Miembro Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 15/03/2012 11:04 am

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

patricia
 patricia
Usuario experto

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!!

ResponderCitar
Respondido : 15/03/2012 11:31 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 15/03/2012 3:55 pm

Cursos Gratuitos WordPress

patricia
 patricia
Usuario experto

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.

ResponderCitar
Respondido : 15/03/2012 8:02 pm
patricia
 patricia
Usuario experto

... captura explorer 8

ResponderCitar
Respondido : 15/03/2012 8:04 pm

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

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

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

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 16/03/2012 4:58 am
patricia
 patricia
Usuario experto

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

ResponderCitar
Respondido : 17/03/2012 6:29 pm

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

Por favor Iniciar Sesión o Registro