Tiempo de lectura: 4 minutos

Si se van a mostrar varias imágenes en Sitejet simultáneamente o en un orden determinado, los ajustes preestablecidos de la galería de imágenes son ideales. En nuestro artículo sobre su uso se explica cómo usarlos .

En Sitejet, los siguientes ajustes preestablecidos están disponibles como galerías en la lista de ajustes preestablecidos, en el submenú “Imágenes”:

• Galería (cuadrícula, círculo, subtítulos)
• Galería de filtros
• Control deslizante

Una galería muestra varias imágenes simultáneamente. Existen diferentes variantes con distintas características de visualización. Por ejemplo, las imágenes pueden mostrarse en círculos del mismo tamaño, como cuadrados o como cuadrados de diferentes tamaños, creando un efecto similar al de un collage de fotos.

La Galería de Filtros es un formulario especial que muestra imágenes de ciertas categorías a la vez. Si se selecciona una categoría en el sitio web con un clic, solo se muestran las imágenes asignadas a ella. Las imágenes se pueden asignar a una o más categorías. Para adaptar la Galería de Filtros a sus necesidades, es necesario modificar los botones y las imágenes. Supongamos que se configura la categoría “Boda”. Escriba “#boda” en la pestaña “Enlace” del botón, en el campo “URL” (sin las comillas). Es importante usar la misma palabra que usó para el botón.

Ahora haz clic en la imagen que se mostrará al filtrar por “Boda” y ve a la pestaña “Estilo” en el panel izquierdo. Abre la sección “ID y clases”. Introduce “filter-boda” como clase adicional. Es importante que la clase comience con la palabra clave “filter-” (sin comillas) y que el término que sigue corresponda al del paso anterior.

Si desea agregar una categoría a la Galería de filtros, siga estos pasos para una categoría de ejemplo “Celebración de empresa”:

1. Haga clic en el último botón una vez y duplique ese botón usando el menú contextual (haga clic derecho en el elemento y haga clic en “Duplicar elemento”) o usando [Ctrl] + [D]
2. Cambie el texto del botón si lo desea y cambie el enlace en la pestaña “Enlace” del botón a ‘#celebracióndelaempresa’ 
3. Añade la clase “filter-companycelebration” a las imágenes que quieres mostrar en la nueva categoría; es importante que antepongas “filter-” al nombre de la categoría.
4. Si quisieras una categoría llamada “Fiesta de lanzamiento” podrías usar el enlace “#releaseparty” y la clase “filter-releaseparty”

Este artículo es una traducción del original en inglés titulado “Add an image gallery” publicado por Sitejet.