» » Ejemplo como crear un componente en Joomla 3

Ejemplo como crear un componente en Joomla 3

oscar 26 de junio del 2015 No hay comentarios

¿Como se desarrolla un componente en joomla 3 ?

Empezemos, en el ejemplo voy a partir de que tengo lo siguiente:

  • Voy a usar un template llamado cancunjs
  • la url de ejemplo http://joomla.cancunjs.com.mx/index.php/componentes

Si no quieres leer la explicacion puedes ir al video de demostracion.

Ahora, ¿ Que necesito para el desarrollo ?, ¿Por donde inicio?. Encontraras en internet ejemplos de cual es la estructura de un componente y como desarrollarlo desde cero, aqui algunas referencias:

Yo no hablare sobre la estructura y que contiene cada archivo, despues de ver varios ejemplos lo mas recomendable es usar herramientas para poder crearlos, yo te recomiendo las siguientes:

  1. http://www.component-creator.com/
  2. http://joomlacomponentcreator.codelydia.com/

El ejemplo lo voy a desarrollar usando http://www.component-creator.com/ porque la heramienta es bastente completa. El componente tendra los siguientes campos:

  1. Nombre
  2. Imagen
  3. Descripcion
  4. Consola

Pasos para crear y ver funcionar el componete.

1.- Usa http://www.component-creator.com/ y genera tu componente.

paso1-usar-component-creator

2.-Instalar Componente

paso2-instalar-componente

 

3.-Ingresar datos al componente.

paso3-ingresar al componente

paso3.1-ingresar-al-componente

paso3.2-ingresar-al-componente

4.-Asignar el componente a un menu

paso4-asignar-menu

paso4.1-asignar-menu

 

Ahora me tope con 2 problemas el primero no puedo seleccionar que juego asinarle a mi menu y el otro que no puedo indicarle una posicion al componente. Para resolver esto hice un modulo y asi pude asignar posiciones, estilos a los datos de mi componente.

Esto te lo explico en la parte 2.

Les comparto los archivos de instalacion:

  1. Componente videojuegos
  2. Sitio Joomla de ejemplo, el usuario es oscar y pass 123456

Ver video de ejemplo:

youtube-rentals

 Leer parte 2 – Crear un componente y modulo en joomla 3 >>

1 Star2 Stars3 Stars4 Stars5 Stars ¡Sé el primero en calificar!
Loading...

oscar