SlideShare a Scribd company logo
1 of 8
1/8




              Desarrollo de componentes, módulos y plugins

Joomla 1.5: visualización de artículos
           como imagen en miniatura
2/8


             Lo que queremos conseguir
●   Queremos conseguir que cada artículo Joomla sea un
    producto de venta
●   Queremos mostrarlo simplemente como una imagen, en la
    que hacemos click, y accedemos al detalle del producto, al
    detalle del artículo, con su precio, otras fotos, materiales
    de los que está fabricado,...
●   Queremos conseguir algo como lo que se muestra en la
    siguiente pantalla
3/8


Lo que queremos conseguir
4/8

1. Crear artículos con texto introductorio sólo
                    imagen
●   Creamos nuestros artículos colocando en el texto
    introductorio la imagen en miniatura que queremos
    mostrar en la pantalla de visualización de artículos
●   Es muy importante que todas las imágenes tengan el
    mismo tamaño
5/8

1. Crear artículos con previsualización sólo
             imagen en miniatura
          Imagen en miniatura que se
         mostrará en la previsualización
                   del artículo



                                   Separador de “Leer más...”
                                      Es donde termina la
                                   previsualización del artículo




                                           Contenido completo del artículo,
                                            lo que se ve cuando clicamos
                                                   sobre un artículo
6/8


2. Configuración de la visualización de menú
●   El enlace de menú que nos lleva a la pantalla de artículos,
    debemos modificarlo para que muestre la información
    mínima asociada a un artículo
●   Accedemos a la configuración del menú que muestra
    nuestros artículos
7/8


2. Configuración de la visualización de menú



          1. No destacamos ningún artículo,
          sino todos del mismo tamaño
          2. Mostramos 10 por pantalla
          3. En tres columnas




                                              Ocultamos toda la información
                                              del artículo en su previsualización:
                                              autor, fecha, categoría,...
                                              para que se vea solo la foto

          Organización en columnas
          horizontales
8/8


3. Resultado

More Related Content

More from Moisés Pérez Delgado

Conceptos básicos de electricidad en mi entorno
Conceptos básicos de electricidad en mi entornoConceptos básicos de electricidad en mi entorno
Conceptos básicos de electricidad en mi entornoMoisés Pérez Delgado
 
Conceptos básicos de electricidad: elementos en mi entorno
Conceptos básicos de electricidad: elementos en mi entornoConceptos básicos de electricidad: elementos en mi entorno
Conceptos básicos de electricidad: elementos en mi entornoMoisés Pérez Delgado
 

More from Moisés Pérez Delgado (20)

02 resistencias y condensadores
02 resistencias y condensadores02 resistencias y condensadores
02 resistencias y condensadores
 
02 croquis y canalizacion
02 croquis y canalizacion02 croquis y canalizacion
02 croquis y canalizacion
 
02 carcasa y fuente
02 carcasa y fuente02 carcasa y fuente
02 carcasa y fuente
 
03 circuitos en cc
03 circuitos en cc03 circuitos en cc
03 circuitos en cc
 
Conceptos básicos de electricidad en mi entorno
Conceptos básicos de electricidad en mi entornoConceptos básicos de electricidad en mi entorno
Conceptos básicos de electricidad en mi entorno
 
Conceptos básicos de electricidad
Conceptos básicos de electricidadConceptos básicos de electricidad
Conceptos básicos de electricidad
 
Conceptos básicos de electricidad: elementos en mi entorno
Conceptos básicos de electricidad: elementos en mi entornoConceptos básicos de electricidad: elementos en mi entorno
Conceptos básicos de electricidad: elementos en mi entorno
 
Naturales temas 01 al 04
Naturales   temas 01 al 04Naturales   temas 01 al 04
Naturales temas 01 al 04
 
Tema 02 elementos del medio natural
Tema 02   elementos del medio naturalTema 02   elementos del medio natural
Tema 02 elementos del medio natural
 
Naturales temas 05 al 07
Naturales   temas 05 al 07Naturales   temas 05 al 07
Naturales temas 05 al 07
 
Matemáticas: Temas 1 a 4
Matemáticas: Temas 1 a 4Matemáticas: Temas 1 a 4
Matemáticas: Temas 1 a 4
 
Tema 1. El planeta Tierra
Tema 1. El planeta TierraTema 1. El planeta Tierra
Tema 1. El planeta Tierra
 
La Tierra
La TierraLa Tierra
La Tierra
 
Cálculo de circuitos: Thévenin
Cálculo de circuitos: ThéveninCálculo de circuitos: Thévenin
Cálculo de circuitos: Thévenin
 
Teoría de circuitos: superposición
Teoría de circuitos: superposiciónTeoría de circuitos: superposición
Teoría de circuitos: superposición
 
Resolución de circuitos con Kirchoff
Resolución de circuitos con KirchoffResolución de circuitos con Kirchoff
Resolución de circuitos con Kirchoff
 
Corriente alterna
Corriente alternaCorriente alterna
Corriente alterna
 
Que sabes de electricidad
Que sabes de electricidadQue sabes de electricidad
Que sabes de electricidad
 
Git: control de versiones
Git: control de versionesGit: control de versiones
Git: control de versiones
 
Qué sabes de word?
Qué sabes de word?Qué sabes de word?
Qué sabes de word?
 

Joomla artículos como miniaturas

  • 1. 1/8 Desarrollo de componentes, módulos y plugins Joomla 1.5: visualización de artículos como imagen en miniatura
  • 2. 2/8 Lo que queremos conseguir ● Queremos conseguir que cada artículo Joomla sea un producto de venta ● Queremos mostrarlo simplemente como una imagen, en la que hacemos click, y accedemos al detalle del producto, al detalle del artículo, con su precio, otras fotos, materiales de los que está fabricado,... ● Queremos conseguir algo como lo que se muestra en la siguiente pantalla
  • 4. 4/8 1. Crear artículos con texto introductorio sólo imagen ● Creamos nuestros artículos colocando en el texto introductorio la imagen en miniatura que queremos mostrar en la pantalla de visualización de artículos ● Es muy importante que todas las imágenes tengan el mismo tamaño
  • 5. 5/8 1. Crear artículos con previsualización sólo imagen en miniatura Imagen en miniatura que se mostrará en la previsualización del artículo Separador de “Leer más...” Es donde termina la previsualización del artículo Contenido completo del artículo, lo que se ve cuando clicamos sobre un artículo
  • 6. 6/8 2. Configuración de la visualización de menú ● El enlace de menú que nos lleva a la pantalla de artículos, debemos modificarlo para que muestre la información mínima asociada a un artículo ● Accedemos a la configuración del menú que muestra nuestros artículos
  • 7. 7/8 2. Configuración de la visualización de menú 1. No destacamos ningún artículo, sino todos del mismo tamaño 2. Mostramos 10 por pantalla 3. En tres columnas Ocultamos toda la información del artículo en su previsualización: autor, fecha, categoría,... para que se vea solo la foto Organización en columnas horizontales