Escrito por Tux Merlín : Buru en Joomla!, Plantillas Joomla!
El módulo JA Tabs de JA Teline es el que nos permite "armar" grupos de fichas para mostrar módulos o contenidos en una posición de la plantilla. Es una forma de "ampliar" los contenidos de una forma muy eficiente ya que nos ahorramos espacio y le damos mayor practicidad al usuario. Si bien hay muchos módulos similares a este, vale decir que el de JA Teline de Joomla Art es el más completo de todos.
¿Como se utiliza?
Si tenemos instalado el QuickStart veremos que trae tres ya configurados. El módulo se coloca dentro de una posición de la plantilla como cualquier otro módulo Joomla y podemos repetirlo la cantidad de veces que queramos. También es importante destacar que el módulo funciona, como otros módulos Ja Teline III, con un plugin llamado "JA Tabs for Joomla! 1.5". El mismo deberá estar habilitado ya que al ejecutar el módulo el mismo es "disparado" y sino se encuentra activado nos dará un error.
Características:
- Por cada módulo creado disponemos de 1 a n fichas, podemos crear tantas como queramos.
- En cada una de estas fichas podemos colocar: otros módulos, contenidos personalizados, artículos por su ID o artículos ID de categoría.
- Si colocamos contenido podemos ponerle a cada uno un título personalizado en el casillero "Ingrese Código de Contenido"
- Podemos elegir estilos de vista de muchísimos disponibles, por defecto el estilo será Ja Teline III.
- Nos permite elegir un alto y un ancho en porcentaje o pixeles para ajustarlo a la posición deseada.
- También podemos elegir la ubicación de los títulos de la fichas: arriba, abajo, derecha e izquierda y darle a estos títulos un ancho y un alto personalizado.
- Nos da la opción de animar el cambio de fichas y la presentación de los contenidos de cada ficha y mostrar el texto de introducción o el texto completo.
La configuración general en el back-end se ve así:
Configuración Ja Tabs de Ja Teline III
Sufijo de Clase de Módulo: En la hoja de estilos del template Ja Teline III (template. css) viene un sufijo de clase de módulo llamado "div.moduletable_tabs" que es el que se utiliza para mantener el estilo general de la plantilla por lo que deberán colocarlo cada vez que creen un módulo Ja Tabs.
"Tipo de fichas": Aquí podemos escoger si vamos a mostrar contenidos de artículos, módulos (un grupo de módulos de una determinada posición), los módulos indicados debajo, o los artículos de una categoría específica.
"Seleccione una posición": es otra funcionalidad que se habilita si elegimos como "Tipo de fichas -> Módulos". Le da una flexibilización muy importante al template ya que tenemos la posibilidad de mostrar grupos de módulos ubicados en otras posiciones, por ejemplo seleccionen "Tipo de fichas -> Módulos" y como posición prueben con "right" y verán lo que sucede. En el QuickStart utiliza los módulos ubicados en las posiciones ja-tabs pero pueden ser cualesquiera.
"Lista de módulos": en este casillero debemos colocar los nombres de los módulos a mostrar si es que elegimos como "Tipo de fichas -> Módulo". Los nombres no se refiere al "título" sino al nombre del tipo, es decir, los que aparecen en la columna "Tipo".
"Lista de ID de Artículos": si elegimos "Tipo de Fichas -> ID de Artículos" aquí ingresaremos los números ID de los artículos separados por coma. Dichos ID los pueden obtener desde el "Gestor de Artículos" columna ID, la última a la derecha.
"ID de Categoría": si elegimos "Tipo de fichas -> ID de Categoría de Artículos" debemos colocar el número ID de la categoría (solo una). Dicho número lo pueden obtener desde el "Gestor de Categorías".
"Ingrese código de contenido": si el "Tipo de Ficha" escogido fue "Contenidos" aquí debemos ingresar los mismos. El formato es [tab title='Title tab 1']This is tab content 1[/tab] y debemos respetar las etiquetas "tab title" y "/tab" así como los corchetes de apertura y cierre.
Para los títulos de las fichas reemplazaremos "Title tab" con el nuestro (entre comillas simples) y donde dice "This is tab content" irá el contenido propiamente dicho que puede ser del tipo HTML.
En "Parámetro avanzados" tenemos las siguientes opciones:
Configuración de Ja Tabs de Ja Teline III 2
"Estilo de ficha": con esta opción podemos escoger un estilo de vista de las fichas de unas cuantas opciones. Por si alguno busca los CSS de esta opción le comento que los archivos se encuentran en la carpeta "raízJoomla/plugins/content/ja_tabs". Este plugin le da estilos a varios módulos de Ja Teline III y desde su configuración podemos "predeterminar" un estilo para todos los módulos.
"Alto y Ancho": en estos campos podemos especificar el alto y el ancho del módulo completo. Aquí hay que respetar el ancho y el alto de la posición de lo contrario, si nos pasamos, la parte excedente se ocultará automáticamente.
Las demás opciones son muy fáciles de entender con la excepción de "Colors" que merece una aclaración. Como he comentado en artículos anteriores, la plantilla para presentar contenidos utiliza "themes" o temas, es decir, estilos de color. Por defecto trae: green, red, pink, cyan, deepblue, lime, default (negro). Estos colores están definidos en sendos CSS en la carpeta CSS del template dentro de una subcarpeta llamada "colors". Aquí solo podemos utilizar estos colores con el formato "1:color", donde el número señala el orden de número de ficha y color debe ser algunos de los textos de color indicados.
Una cuestión a tener en cuenta es la cantidad de fichas que definamos con respecto al ancho de la posición del módulo: la suma de pixeles de los títulos de cada ficha no puede superar el ancho del espacio de la ubicación del módulo incluyendo bordes y demás. Vale decir, si por ejemplo, colocamos 5 fichas y la sumatoria de pixeles que ocupan los títulos excede el ancho del espacio de ubicación veremos que las fichas se verán correctamente, ya que se pondrán una encima de otros, pero no sucederá lo mismo con los contenidos que se verán "pisados" por los títulos. Pero esto tiene solución, la misma consiste en cambiar la ubicación de los títulos. Por ejemplo, en la siguiente vista he escogido varios artículos para mostrar pero como posición de los títulos escogí "Derecha" y se ve así:
Vista de Ja Tabs en el frontpage
Para finalizar les dejo adjunto a este artículo la traducción del módulo al castellano/español. El archivo INI contenido en el zip deberán colocarlo en "raízJoomla/language/es-ES".
Archivos adjuntos:
 INI Ja Tabs en Español | [Traducción del Módulo Ja Tabs de Ja Teline III al castellano/español] | 1 Kb | 20/02/10 09:33 |
|
Huellas dejadas
Si claro que se puede. El tema es que el JA Tabs está muy integrado con la plantilla en si. Habría que tomarse el trabajo de "extraerlo" para poder instalarlo independienteme nte.
Pero para no complicarte la vida, hay otros que hacen el mismo trabajo y sería menos rompedero de cabeza como este:
http://blog.manchumahara.com/2009/12/02/home-made-tab-and-slider-module-for-joomla1-5/
o bien mira esta sección en JED, hay muchos:
http://extensions.joomla.org/extensions/style-a-design/tabs-a-slides
Me gustaría saber si este módulo puedo usarlo en cualquier plantilla de joomla. A lo mejor es una tontería lo que pregunto, pero me estoy iniciando en esto.
Para mi web estoy usando una elaborada con el Artisteer.
Saludos fenómeno,no sabes lo que estoy aprendiendo con tu página.
Saludos
Depende del tipo de frontpage que hayas elegido: 1 columna, 3 columnas, la que es por defecto, o alguna para dispositivos móviles. Para saber cuál tienes configurada, accede al backend ve a Extensiones->Gestor de Plantillas y cliquea sobre JA_Teline_III. Mira el campo "Default layouts".
Luego según tengas allí configurado, los "bodys" que buscas estan en "raízJoomla/templates/ja_teline_iii/layouts" dentro de algunos de estos archivos: "1columna.php", "3columns-clasic.php", "default.php" y para dispositivos móviles "handheld.php" y "iphone.php", es decir, se corresponden con la configuración mencionada.
Suscripción de noticias RSS para comentarios de esta entrada.