header-logo
Crea tu sitio web y haz crecer tu negocio con Wix
Crea y gestiona tu sitio con las funciones intuitivas de Wix
Gestiona suscripciones, planes y facturas
Gestiona tu negocio y conecta con los miembros
Aprende a comprar, conectar o transferir un dominio
Herramientas para ampliar tu negocio y tu presencia online
Herramientas de marketing y SEO para impulsar tu negocio
Funciones avanzadas para trabajar de forma eficaz
Soluciones, problemas conocidos y contacto
placeholder-preview-image
Mejora tus habilidades con nuestros cursos y tutoriales.
Obtén consejos para diseño web, marketing y mucho más.
Mejora el tráfico orgánico en buscadores.
Crea un sitio con nuestra plataforma full-stack.
Vincúlate con un especialista que te ayude a alcanzar tus objetivos
placeholder-preview-image

CMS: agregar y configurar una barra de paginación

10 min
En este artículo
  • Paso 1 | Agrega y personaliza una barra de paginación
  • Paso 2 | Conecta al CMS
Usa una barra de paginación para proporcionar a los visitantes una forma simple e intuitiva de navegar por una gran colección de ítems dentro de un repetidor o una galería. Una barra de paginación permite a los visitantes navegar a través de 'páginas' o conjuntos de ítems que se muestran en una página dinámica. Los 'ítems por carga' del conjunto de datos determinan el número máximo de ítems que aparecen en cada 'página'. 

El número de páginas que muestra la barra de paginación se calcula en función del número total de ítems de la colección recuperados por el conjunto de datos y el campo 'Ítems por carga'. Por ejemplo, si tienes 50 ítems visibles en la colección y has configurado el campo 'Ítems por carga' en 10, la barra de paginación mostrará 5 páginas (50÷10=5). Cada página representa un conjunto de ítems, y la barra de paginación permite a los visitantes navegar por estos conjuntos. 
Captura de pantalla de una barra de paginación que se conecta a la misma colección que el repetidor.
Antes de comenzar:

Paso 1 | Agrega y personaliza una barra de paginación

Agrega una barra de paginación a tu sitio y personalízala para que se adapte a tus necesidades de diseño. 
Editor de Wix
Editor de Wix Studio
  1. Ve al editor.
  2. Ve a la página dinámica correspondiente que puede enumerar varios ítems:
    1. Haz clic en Páginas y menú a la izquierda del editor. 
    2. Haz clic en Páginas dinámicas.
    3. Haz clic en la página dinámica correspondiente.
      Nota: Las barras de paginación no son relevantes para las páginas dinámicas de ítem, que solo pueden mostrar 1 ítem a la vez. 
Captura de pantalla que muestra cómo ir a una página dinámica de lista en el Editor de Wix.
  1. Agrega una barra de paginación: 
    1. Haz clic en Agregar elementos  a la izquierda del editor.
    2. Haz clic en Interactivo.
    3. Haz clic en Barra de paginación
    4. Haz clic en la barra de paginación que deseas usar y arrástrala a la página. 
Captura de pantalla que muestra cómo agregar una barra de paginación en el Editor de Wix.
  1. Personaliza el estilo y el diseño de la barra de paginación: 

Paso 2 | Conecta al CMS

Conecta la barra de paginación al mismo conjunto de datos que se conecta al repetidor o a la galería. Luego, cambia el tamaño de la barra de paginación y pruébala en el modo de vista previa. Cuando esté todo listo para publicarse, publica tu sitio. 
Editor de Wix
Editor de Wix Studio
  1. Haz clic en la barra de paginación. 
  2. Haz clic en el icono Conectar a CMS .
  3. Haz clic en el menú desplegable Elige un conjunto de datos y selecciona el mismo conjunto de datos que se conecta al repetidor o a la galería. 
Captura de pantalla que muestra cómo conectar una barra de paginación a un conjunto de datos.
  1. (Si es necesario) Ajusta el número de ítems que aparecen por 'página' en la barra de paginación: Nota: Este es también el número máximo de ítems que pueden mostrarse por carga en un repetidor o una galería.
    1. Haz clic en Ajustes del conjunto de datos en el panel Conectar paginación a la derecha.
    2. Edita el campo Ítems por carga. Más información sobre cómo editar los ajustes del conjunto de datos.
  2. Ajusta el tamaño de la barra de paginación estirándola o ajustando los bordes manualmente:
    • Estirar al ancho: haz clic en el icono Estirar  para expandir el ancho de la barra hasta los bordes del sitio.  
    • Manualmente: haz clic en los bordes de la barra de paginación y arrástralos para cambiar su tamaño. 
  3. Haz clic en Vista previa para probar la barra de paginación. 
  4. Haz clic en Publicar si está todo listo para publicar los cambios.