Contenido dinámico: opciones de visualización y navegación para registros de colecciones

Hay varias opciones de visualización y navegación disponibles para mostrar registros de colecciones (para obtener más información sobre colecciones, consulte Contenido dinámico: Colecciones (referencia cruzada)). Ya sea que emplee páginas dinámicas para generar varias páginas de una colección o simplemente muestre registros, estas opciones ayudan a que su contenido sea accesible para los visitantes del sitio.

Contenido dinámico: Las páginas dinámicas se pueden agregar a la navegación del sitio o mostrar con widget de visualización de colección para garantizar que sean fáciles de encontrar.

Si no son necesarias páginas individuales, los registros de colección aún se pueden mostrar de una manera más simplificada, sin la necesidad de páginas dinámicas.

Navegación del sitio y registros dinámicos

Nota

  • Cada página primaria de navegación solo puede contener información de una página dinámica. Es decir, no se pueden vincular varias páginas dinámicas a una sola página primaria de navegación. Además, puede tener hasta 150 elementos en la página. Sin embargo, es recomendable no alcanzar este límite.

  • Si un elemento de navegación contiene una página dinámica y una página normal, los elementos de la página dinámica se mostrarán siempre últimos, independientemente del orden de las acciones.

Recomendación

Se puede agregar un registro de página dinámico a la navegación widget mediante la opción Vínculos personalizados en el widgetde navegación . Tenga en cuenta que solo se puede agregar un registro por enlace personalizado. Para obtener información sobre la opción Vínculos personalizados, consulte widget: Vínculos de navegación.

Registros de página dinámicos a la navegación del sitio

Para añadir la página dinámica a la navegación:

  1. En el panel lateral, haga clic en Páginas y luego en configuración (icono-configuracion.png) icono de la página dinámica deseada.

  2. Haga clic en Ocultar/Mostrar en Navegación y luego seleccione Mostrar en todos.

  3. En la ventana emergente Agregar a Navegación :

    • Seleccione una página de navegación principal en el menú desplegable de elementos de página como subpáginas .

    • Seleccione el campo que desea mostrar en el menú desplegable Seleccionar campo para mostrar en la navegación .

  4. Haga clic en Almacenar detalles.

Ocultar o editar la disponibilidad de registros (en la navegación del sitio)

Para ajustar la disponibilidad de registros en la navegación del sitio:

  1. En el panel lateral, haga clic en Páginas y luego en configuración (icono-configuracion.png) icono de la página dinámica deseada.

  2. Haga clic en Ocultar/Mostrar en la navegación.

  3. Seleccione dónde desea ocultarlo de la navegación o haga clic en Establecer detalles de navegación para editar los detalles.

Exposición de la colección widget

Los widget de visualización de colecciones son elementos que enumeran y muestran los registros de una colección. Se pueden emplear para permitir a los visitantes navegar a los registros de una página dinámica o simplemente para mostrar los datos de una colección. Estos widget también ofrecen opciones para filtrar y ordenar los registros. Además, cuando se agregan a una página dinámica, proporcionan una opción de filtrado dinámico para una mayor flexibilidad.

  • Lista

  • Galería de fotos

  • Carrusel de archivos

  • Pestañas

  • Accordion

  • Tabla (solo visualización, no está disponible el enlace directo)

Gestionar la conexión a un widget de visualización de colección
Conectarse a un widget de visualización de colección

Para conectar una colección a un widget de visualización de colección:

  1. agregar a Collection Display widget a la página de tu sitio en la que quieres que exista. Para obtener más información, consulte agregar widget.

  2. Haga clic con el botón derecho en el widget para abrir el menú de configuración y haga clic en Conectar a datos.

  3. Seleccione la colección deseada en el menú desplegable Conectar a. Seleccione la colección deseada en el menú desplegable Conectar a. Si se está conectando a un widget de tabla, complete lo siguiente:

    1. Luego de conectarse a una colección, seleccione los campos obligatorios en el menú desplegable Campos para mostrar. Las columnas se ordenarán en el mismo orden en que fueron seleccionadas.

    2. Haga clic en Listo.

    Luego de conectarse correctamente a los datos, su widget de tabla se marcará con un icono azul de datos conectados (icono-de-datos-conectados.png).

  4. Para todos los demás widget, asigne los campos de la colección a los elementos de la widget que desea mostrar.

  5. (Opcional) Si creó una página dinámica para la colección que conectó y desea conectar el widget a iit, en Conectar enlace, seleccione la página dinámica de la lista desplegable (esto es lo que crea el enlace entre el widget y sus páginas dinámicas).

  6. Haga clic en Listo.

Desconectar datos
Filtrar y ordenar

Al conectar los widgets a una colección, puede filtrar y ordenar la colección para mostrar solo lo que desea. Esta función le permite controlar el número de filas que muestra el widget, filtrar según campos de texto específicos y ordenar la lista en orden ascendente o descendente.

Para añadir filtros y ordenar:

  1. Si la widget de visualización de la colección deseada aún no está colocada en el sitio, agréguela a la página donde desea que exista. Para obtener más información, consulte agregar widget.

  2. Haga clic con el botón derecho en el widget para abrir el menú de configuración y haga clic en Conectar a datos.

    • Si el widget ya existe: haga clic con el botón derecho en el widget, hover sobre Datos conectados y seleccione Cambiar conexión.

  3. Seleccione la colección en el menú desplegable Conectar a . (Omita este paso si el widget ya existe).

  4. Haga clic en la pestaña Filtrar y ordenar . Tendrás las siguientes opciones:

    • Mostrar. Seleccione la cantidad de elementos que desea mostrar (por ejemplo, Todos o 2).

    • + agregar sort.

      Nota

      Para que los números se ordenen correctamente, el campo debe ser numérico.

    • Filtros fijos. El filtro fijo mostrará los registros de la conexión conectada con el término exacto ingresado.

      Nota

      Los filtros funcionan según valores exactos, y puede filtrar según múltiples valores por campo.

    • Filtros dinámicos (solo disponibles cuando el widget está en una página dinámica). El filtro dinámico vincula campos de dos colecciones separadas: una de la colección asociada con la página dinámica actual y otra de la colección conectada al widget, mostrando registros con valores coincidentes dinámicamente. Para obtener información detallada, consulte la sección Filtros dinámicos.

Recomendación

Si tiene dificultades para filtrar y ordenar correctamente, compruebe si el campo es de texto enriquecido. Es posible que el texto tenga formato, aunque no lo pueda ver. Se recomienda convertir el campo a texto sin formato.

Filtros dinámicos

El filtro dinámico vincula campos de dos colecciones separadas: una de la colección asociada con la página dinámica actual y otra de la colección conectada al widget, mostrando registros con valores coincidentes dinámicamente. Esto le permite mostrar solo el contenido que es relevante para un elemento de la página.

Para emplear filtros dinámicos, siga los pasos a continuación o mire nuestro video:

Configurar y emplear filtros dinámicos
Paso 1: Crear y/o configurar las colecciones

Crear y configurar 2 colecciones:

  • Una colección primaria. Esta es la colección que contendrá la mayor parte de la información e incluye una columna para categorías. Un ejemplo sería una colección para una lista de stores en un centro comercial. En este ejemplo, la columna de categorías contendría las categorías del store. En el paso 9, esta colección se referencia como Colección A.

  • Una colección para las categorías. Esta colección debe tener una columna para las categorías y cada categoría de la colección principal debe tener una fila/registro. En el paso 9, esta colección se denomina Colección B.

Se puede emplear cualquier tipo de colección (interna, Airtable, Google Sheets y colecciones externas).

Si desea emplear colecciones internas, para crearlas:

  1. En el panel lateral, haga clic en Contenido y luego en Colecciones.

  2. Haga clic en +Crear colección.

Paso 2: Crear y/o configurar las páginas dinámicas
  1. En el editor, en el panel lateral, haga clic en Páginas y, a continuación, haga clic en + agregar página.

  2. Crea una página dinámica a partir de cada colección que creaste en el paso 2 (una para la colección principal y otra para la colección de categorías).

    Nota

    Si ya hay una página dinámica configurada y conectada a la colección principal, solo será necesario crear 1 página dinámica adicional O si los datos en la colección principal solo se mostrarán.

  3. Ve a la página dinámica de la categoría y, en el panel lateral, haz clic en widgety, a continuación, arrastra y suelta una widget de visualización de colección en la página.

    Nota

    Los widget disponibles son:

    • Lista

    • Galería de fotos

    • Carrusel de archivos

    • Pestañas

    • Accordion

    • Tabla (solo visualización, no está disponible el enlace directo a la página dinámica de la colección principal)

  4. Haga clic con el botón derecho en el widget de visualización de colección que se acaba de agregar para abrir el menú de configuración y haga clic en Conectar a datos. Conéctelo a la colección primaria. Antes de cerrar la ventana emergente de Datos conectados, abra la pestaña Filtrar y ordenar y en la sección Filtro dinámico haga clic en Filtro.

  5. Mapa entre el campo de nombre de categoría en la colección de datos (Colección A) y el campo de nombre de categoría en la colección de categorías (Colección B).

Paso 3: Hacer que la página de la categoría sea accesible
  1. Navega a una página normal de tu elección y, en el panel lateral, haz clic en widgety, a continuación, arrastra y suelta el widget de la Galería en la página.

  2. Haga clic con el botón derecho en el widget Galería para abrir el menú de configuración y haga clic en Conectar a datos. Conéctelo a la colección de categorías que creó en el paso 2. Asigne el campo de enlace a su página dinámica.