Tabs sin slide  

Página 1 / 2
 
Fernando
 Fernando
Usuario eminente

Hola a tod@s,

Estoy montando una tienda con Joomla 2.5 y Virtuemart 2 y poco a poco con las nuevas actualizaciones de VM2 parece que la cosa empieza a fluir.

Pero me estoy volviendo un poco loco con un problemilla sobre tabs. Mi cliente quiere que sean como las de zara.com. He aquí un ejemplo: EJEMPLO ZARA

Adjunto también una imagen:

¿cuál es el problema? Pues que todos los plugins de tabs que he encontrado y probado (todos los de joomla extensions) estiran el texto hacia abajo a modo slider dependiendo del tamaño de la información de la tab en vez de abrirse "por encima" del contenido que hay debajo de la tab y que con ninguno aparecen las tabs cerradas al cargar la página.

Por ahora he hecho un "apaño" con el modalizer de Peter, y he logrado colocarlo en la posición correcta a base de trucar el css, pero me temo que cuando configure la versión móvil de la tienda todo se va a comvertir en un caos además de que ya me da problemas dependiendo de la longitude del contenido de cada producto.

En fin, después de todo el rollazo que acabo de soltaros... ¿alguien podria orientarme cómo cambiar, por ejemplo Tabber o algún otro plugin para lograr lo que me pide el cliente?

Muchas gracias de antemano a tod@s!

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

Citar
Respondido : 13/03/2012 10:38 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Fernando

Envía la url de tu sitio web en donde tienes los tabs para ver lo que comentas.

Saludos.

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

ResponderCitar
Respondido : 13/03/2012 2:56 pm

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

Fernando
 Fernando
Usuario eminente

El sitio está en construcción: DEMO

Gracias!

ResponderCitar
Respondido : 13/03/2012 3:05 pm
David Noguera
 David Noguera
Miembro Admin

Hola Fernando, entiendo que estás haciendo los cambios sobre el override de VirtueMart de tu plantilla.

Como has implementado los tabs?? Donde has hecho los cambios en el código??

Necesitaríamos ver esos cambios para poder decirte..

Saludos

Si te ha servido de ayuda, déjanos tu testimonio con un link hacia tu Web y mejora su posicionamiento:
Enviar testimonio
¡Gracias!.

ResponderCitar
Respondido : 13/03/2012 5:58 pm

Cursos Gratuitos WordPress

Fernando
 Fernando
Usuario eminente

No, esa es la cosa, que no he modificado el Tabber porque no tengo ni idea de javascript. En vez del Tabber he usado el Modalizer y esta vez los cambios los he hecho directamente sobre el css del plugin modalizer :laugh:

He comentado todo lo respectivo al overlay y reencajonado el iframe modificanco #lbMain. Según Peter el modalizer no se podía posicionar. Yo lo he conseguido a base de reestructurar pero como no soy programador (viva joomla y el autoaprendizaje) no me fio de la solidez además de que en explorer no va (aunque en explorer me da problemas e Magic zoom plus y puede ser eso por lo que no funcione, mañana hablaré con los desarrolladores para ver que me dicen sobre su plugin en explorer)

Adjunto el archivo modificado del Modalizer:

ResponderCitar
Respondido : 13/03/2012 6:15 pm
Fernando
 Fernando
Usuario eminente

No, el Magic Zoom Plus da fallos por si mismo en explorer. Pero el Modalizer tampoco va muy bien.

ResponderCitar
Respondido : 13/03/2012 6:36 pm

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

David Noguera
 David Noguera
Miembro Admin

Hola Fernando, pero necesitaríamos saber como has implementado el MOdalizer dentro del VirtueMart y que ficheros has modificado en VirtueMart para conseguir esa funcionalidad..

Por otro lado.. si necesitas exactamente la misma funcionalidad que hay en la web de zara, yo te propondría usar otro plugin de Javascript para pestañas, ya que modalizer genera popups javascript, pero no pestañas..

Saludos

Si te ha servido de ayuda, déjanos tu testimonio con un link hacia tu Web y mejora su posicionamiento:
Enviar testimonio
¡Gracias!.

ResponderCitar
Respondido : 14/03/2012 10:33 am
Fernando
 Fernando
Usuario eminente

Hola David,

pues lo he implementado con sus propias tags en la descripción de cada producto linkeado a artículos de K2: {modalizer url=index.php/en/tabs-en/item/63-description width=400 height=210}Description{/modalizer}

Con "Envio" y "Devolución" no hay problema ya que son los mismos artículos para todos. El problema es "Descripción" ya que tendré que crear un item de K2 para cada producto en la tienda.

Sería genial tener un plugin de pestañas con la misma funcionabilidad que en la web de zara pero yo no lo he encontrado y los que he intentado modificar ha sido un fracaso total.

ResponderCitar
Respondido : 14/03/2012 11:14 am

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Fernando

Debes tener cuidado con las modificaciones que realices y probarlo en varios navegadores, la url
http://lefrik.com/joom/index.php/en/travel/bags-and-accessories/backpack-big-detail , en google chrome y en safari me carga una nueva página, a diferencia de firefox.

Saludos.

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

ResponderCitar
Respondido : 14/03/2012 4:47 pm
Fernando
 Fernando
Usuario eminente

No entiendo. Uso chrome, safari, firefox y explorer y en los cuatro veo la página igual. ¿que diferencias ves?

ResponderCitar
Respondido : 15/03/2012 8:20 am

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

David Noguera
 David Noguera
Miembro Admin

Sería genial tener un plugin de pestañas con la misma funcionabilidad que en la web de zara pero yo no lo he encontrado y los que he intentado modificar ha sido un fracaso total.

Hola Fernando, y por que no pruebas a hacer lo mismo con Tabber??

http://extensions.joomla.org/extensions/news-display/articles-display/contents-panel/14493

Si el problema es que quieres cargar contenidos de un artículo de contenido dentro de las pestañas, podrías usar articles Anywhere: http://www.nonumber.nl/extensions/articlesanywhere#syntax

para cargar allí dentro los contenidos, además veo que tiene soporte para K2...

Saludos

Si te ha servido de ayuda, déjanos tu testimonio con un link hacia tu Web y mejora su posicionamiento:
Enviar testimonio
¡Gracias!.

ResponderCitar
Respondido : 15/03/2012 9:57 am
Fernando
 Fernando
Usuario eminente

Hola David,

probado Tabber y es el que más me gusta pero tiene dos cosillas que no puedo cambiar:

1- Una pestaña tiene que estar siempre abierta. No se puede cargar con las pestañas cerradas y/o cerrarlas.

2- Al abrirse la pestaña desplaza el texto situado debajo en vez de pasar por encima.

Si pudiera cambiar Tabber en este sentido sería la opción perfecta,pero según su creador no se puede y yo no tengo conocimientos para hacerlo.

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

Cursos Gratuitos WordPress

David Noguera
 David Noguera
Miembro Admin

Hola Fernando, no debería ser tan dificil esconder la primera pestaña con CSS... si nos pasas una página donde tengas un ejemplo con Tabber podríamos mirar si es sencillo hacerlo con CSS..

Si no habría que meterse en personalizaciones de código etc...

Saludos

Si te ha servido de ayuda, déjanos tu testimonio con un link hacia tu Web y mejora su posicionamiento:
Enviar testimonio
¡Gracias!.

ResponderCitar
Respondido : 15/03/2012 4:01 pm
Fernando
 Fernando
Usuario eminente

Hola David,

aquí he montado un ejemplo con Tabber: EJEMPLO TABBER

Como verás, además de abrirse me desplaza la selección de color y el añadir al carrito como si fuera un yoyo 🙂

ResponderCitar
Respondido : 16/03/2012 8:39 am

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

David Noguera
 David Noguera
Miembro Admin

Hola Fernando,

OK, he revisado el código y es muy complicado modificar el plugin para que no se desplace lo de abajo como un yoyo... si no te sirve ninguna de estas soluciones puedes optar por implementar las pestañas a mano con Javascript, te dejo un link donde puedes ver diferentes ejemplos usando jQuery:

http://webdesignledger.com/tutorials/11-useful-jquery-tab-navigation-solutions

El problema es que deberías hacerlo directamente desde el código de la plantilla de VirtueMart y necesitarás algo de conocimiento de programación...

Saludos

Si te ha servido de ayuda, déjanos tu testimonio con un link hacia tu Web y mejora su posicionamiento:
Enviar testimonio
¡Gracias!.

ResponderCitar
Respondido : 16/03/2012 9:51 am
Página 1 / 2

Por favor Iniciar Sesión o Registro