Tabs sin slide  

Hola Fernando

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

Saludos.

El sitio está en construcción: DEMO

Gracias!

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

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:

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

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

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.

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.

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

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

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.

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

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 🙂

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