Contenedor Tarjetas

El propósito de este componente es organizar y mostrar múltiples tarjetas en formato de carrusel o grid. Permite filtrar contenido por centros geográficos del Instituto Cervantes y ofrece opciones de presentación flexibles.

Aún así, los contenedores de tarjetas deberían ir acompañados de títulos párrafos o alguna que otra composición de elementos. Esto puede llegar a ser complicado y no cumplir con los diseños originales o incluso no estar en linea con las guías de diseño, es por eso que siempre recomendamos hacer uso de los módulos de tarjetas disponibles, alguno de los ejemplos mas utilizados son los de contenido relacionado o filtrado.

Simplemente usa la información de esta página cómo guía para saber utilizar sus diferentes posibilidades.

FRG_ContenedorTarjetas

Fragmento > Componentes - Tarjetas > FRG_ContenedorTarjetas

Contenedor especializado que gestiona la presentación de tarjetas en carrusel. Ofrece opciones avanzadas de filtrado por centros geográficos y permite mostrar distintas configuraciones: carrusel solo, con títulos, con elementos dinámicos (visualizadores de colección) o estáticos.

Aspecto del contenedor de tarjetas en el modo Edición de Liferay.

Ejemplos de su correcta utilización

En su modo más estático o manual es donde pueden surgir las dudas, es decir, cuando definimos un número de zonas de colocación de elementos. A continuación pasamos a una explicación mas detallada:

Tiene varias zonas de colocación:

  • Zona de colocación 1: destinada a poner títulos, un antetítulo, párrafo, etc. Cualquier elemento para dar información extra a la galería.

  • Zona de colocación slider zone {Número}: el número de estos dependerá de la configuración «Número de zonas de colocación de elementos» en el FRG_Contenedor_Tarjetas, destinado a mostrar cada una de las tarjetas.

    • Es obligatorio que dentro tengan contenido.  Si no, nos dejará un espacio en blanco.

    • Es obligatoria una única tarjeta y no más por cada una de estas zonas. Eso haría que apareciera una encima de la otra.

    • Si no necesitamos tantas, podemos reducir su número, pero hay que tener cuidado, porque si tenemos algo dentro que queramos utilizar se perderá. Podemos hacer una copia de la información y recolocarla después en su sitio correcto.

  • Zona de colocación after-slider: destinada al diseño modo móvil. No hay que eliminar su contenedor aunque este vacío.

Las imágenes a continuación muestran la forma correcta de organizar los contenidos con destacados de color verde. Los destacados en rojo muestran la manera incorrecta de hacerlo.

  • Una imagen más grande que las demás.

    • Si nos fijamos, tenemos un FRG_Tarjetas_Multimedia en la Zona de colocación 1,  que está reservada para títulos o información de la galería.

  • También hay imágenes que una vez se borran, desaparece todo el contenedor de la página.

    • Realmente aquí no estamos tratando con imágenes, sino con el fragmento FRG_Tarjeta_Multimedia, que es en sí un bloque entero pero que tiene la posibilidad de tener editable las imágenes y textos. Esas partes editables no se pueden eliminar independientemente.