CMS: acerca de la visualización del contenido de una colección en una tabla o galería
4 min de lectura
Las tablas y las galerías son idóneas para mostrar varios elementos de tus colecciones a la vez. Resultan útiles para mostrar el contenido de tu colección en una página dinámica de lista o en una página normal. También puedes adjuntar tablas y galerías a repetidores.
Las tablas y galerías pueden mostrar elementos relacionados de colecciones que tienen campos de referencia o en situaciones en las que has filtrado un conjunto de datos por otro conjunto de datos.
Las tablas y galerías pueden mostrar elementos relacionados de colecciones que tienen campos de referencia o en situaciones en las que has filtrado un conjunto de datos por otro conjunto de datos.
Mira tutoriales completos para mostrar contenido del CMS en los siguientes elementos:
Antes de comenzar:
Debes tener al menos una colección en el CMS y un conjunto de datos agregado a la página.
Ejemplos
A continuación veremos algunos ejemplos de cómo puedes usar tablas y galerías en tu sitio para mostrar la información a tus visitantes.
1. Conectar una colección a una tabla o galería
En este ejemplo, usamos una galería para mostrar los elementos de nuestra colección sobre recetas. Ponemos la galería en una página dinámica de lista, donde la categoría en este caso es "plato". Cada imagen enlaza a la página del elemento dinámico de ese plato. El elemento de texto en la parte superior de la página está vinculado al mismo conjunto de datos, por lo que funciona como un encabezado de página. En este ejemplo, la página dinámica de lista muestra los "acompañamientos" de los platos.
A continuación, usamos una tabla para mostrar dinámicamente todos los elementos de artistas de nuestra colección de artistas. Esta tabla está en una página normal. Una columna muestra la imagen del artista y la otra una breve biografía de cada artista. Cada fila de la tabla se vincula a la página dinámica de ítems de ese artista.
A continuación, usamos una tabla para mostrar dinámicamente todos los elementos de artistas de nuestra colección de artistas. Esta tabla está en una página normal. Una columna muestra la imagen del artista y la otra una breve biografía de cada artista. Cada fila de la tabla se vincula a la página dinámica de ítems de ese artista.
2. Conectar una colección con campos de referencia a una tabla
En este ejemplo, nuestra colección de canciones tiene un campo de referencia a nuestra colección de artistas. Esto nos permite mostrar información de ambas colecciones al mismo tiempo en una tabla en una página normal. La primera columna muestra el título de la colección de canciones. La segunda columna muestra el nombre del artista, tomado del campo de referencia.
3. Usar una tabla para enlazar a páginas dinámicas
En este ejemplo, pusimos la tabla en una página normal y la conectamos a la colección Recetas. Esta enumera todas las recetas que tenemos en la colección, junto con el tipo de plato y de cocina.
Cada columna de la tabla enlaza a una página dinámica diferente. La columna "Receta" enlaza a la página dinámica de ítem de esa receta. La columna "Plato" enlaza a la página dinámica de lista de ese plato (como en el ejemplo anterior) y la columna "Tipo de cocina" enlaza a la página dinámica de lista de ese tipo de cocina.
Usar una tabla para enlazar a páginas dinámicas significa que los visitantes siempre tienen acceso a cualquier nueva receta, plato o tipo de cocina que agregues a tus colecciones sin que tengas que agregar nuevos botones u otros elementos para enlazar a las nuevas páginas dinámicas.
Cada columna de la tabla enlaza a una página dinámica diferente. La columna "Receta" enlaza a la página dinámica de ítem de esa receta. La columna "Plato" enlaza a la página dinámica de lista de ese plato (como en el ejemplo anterior) y la columna "Tipo de cocina" enlaza a la página dinámica de lista de ese tipo de cocina.
Usar una tabla para enlazar a páginas dinámicas significa que los visitantes siempre tienen acceso a cualquier nueva receta, plato o tipo de cocina que agregues a tus colecciones sin que tengas que agregar nuevos botones u otros elementos para enlazar a las nuevas páginas dinámicas.
4. Usar una tabla para seleccionar qué elementos ver
En este ejemplo, tenemos una tabla y una galería juntas en una página normal, donde la fila seleccionada en la tabla controla los elementos que se muestran en la galería. Ambos pueden conectarse a un conjunto de datos que tenga campos de referencia, o cada uno puede conectarse a dos conjuntos de datos donde uno es filtrado por el otro.
En la siguiente imagen, la tabla está conectada al conjunto de datos "Cocina" y la galería está conectada al conjunto de datos filtrado "Recetas". Nuestro visitante seleccionó "Tex Mex" en la tabla, por lo que la galería muestra las recetas cuya cocina es "Tex Mex".
Puedes usar cualquier otro elemento que pueda conectarse a un conjunto de datos para mostrar información después de que tu visitante seleccione un elemento de una tabla. En el siguiente ejemplo, la tabla y el reproductor de video están conectados a nuestra colección de canciones. Cuando un visitante selecciona una canción en la tabla, el reproductor de video reproduce esa canción.
En la siguiente imagen, la tabla está conectada al conjunto de datos "Cocina" y la galería está conectada al conjunto de datos filtrado "Recetas". Nuestro visitante seleccionó "Tex Mex" en la tabla, por lo que la galería muestra las recetas cuya cocina es "Tex Mex".
Puedes usar cualquier otro elemento que pueda conectarse a un conjunto de datos para mostrar información después de que tu visitante seleccione un elemento de una tabla. En el siguiente ejemplo, la tabla y el reproductor de video están conectados a nuestra colección de canciones. Cuando un visitante selecciona una canción en la tabla, el reproductor de video reproduce esa canción.
¿Te ha sido útil?
|