Elemento Paginador de Colección

Acerca de la colección Paginator

La Paginador de Colección está específicamente diseñado para Páginas de Colección para simplificar la navegación a través de extensas listas de productos. 

En lugar de mostrar todos los productos en una sola página, crea una serie de páginas que los usuarios pueden navegar usando Previo, Siguiente, o enlaces numerados. Esto mejora tanto la experiencia del usuario como el rendimiento del sitio web.

¿Cómo agregar un elemento paginador de colección a tu página?

• Acceda al Panel de Control de GemPages > Páginas.
• Haga clic en la página de destino para abrir el editor.
• En la barra lateral izquierda, busque "paginador de colecciones”, luego arrastre y suelte el elemento en cualquier posición en la página de su colección.

Luego, haz clic en el elemento para abrir su panel de configuración, donde podrás personalizar el Paginador de Colección a tu manera.

Configuración de elementos del paginador de colecciones

La Elemento Paginador de Colección ofrece varias opciones de personalización para adaptarse a las necesidades de diseño y funcionalidad de su tienda. A continuación, se muestra un desglose de sus configuraciones:

Mostrar

En la sección Mostrar Sección, seleccione su diseño de visualización preferido entre Fácil más antigua y Botón.

• Fácil:Muestra enlaces simples (por ejemplo, “Anterior 1 2 3 Siguiente”) para una apariencia minimalista.

• Botón:Agrega botones para la navegación. Personaliza el forma de botón (círculo, cuadrado) y tamaño para alinearlo con su diseño.

Espaciado de Artículos:Ajuste el espaciado entre los elementos de paginación para evitar la sobrecarga y garantizar la legibilidad.

modo Vista previa

Ajuste la Cantidad de páginas para obtener una vista previa de diferentes escenarios, como 5, 10 o 20 productos por página.

Contenido del botón

Texto anterior/siguiente: Personalice las etiquetas de texto para la navegación (p. ej., "Atrás" en lugar de "Anterior"). Esto es útil para adaptar el paginador a su ubicación o añadir un toque personalizado.

Estilo de Texto

En la sección Estilo de Texto , modifique el texto del botón como prefiera:

• DE ESTILO RESORT: Elija el estilo de texto de Encabezado 1-6 or Párrafo 1-3 como estilo global. 
• Fuente: Seleccione un estilo de fuente que coincida con la identidad de su marca.
• Tamaño: Ajuste el tamaño de fuente para hacer el texto prominente.
• Color: Elija un color que complemente su diseño.
• Grosor de Fuente: Controle qué tan grueso o delgado aparece el texto.
• Altura de Línea Ajuste el espacio entre líneas para mejor legibilidad.
• Espacio entre letras: Cree un aspecto más moderno o compacto cambiando el espacio entre letras.
• Transformación: Convierta el texto a mayúsculas, minúsculas o capitalice la primera letra de cada palabra.

Efecto activo

Color de texto:Resalte la página actual con un color distinto para mejorar la visibilidad.

Alineación

Ajuste la alineación horizontal del paginador (Izquierda, Centro o Derecha) para adaptarse al diseño de su página.

Configurar la pestaña Avanzada

Para una personalización más avanzada, navegue a la pestaña Avanzada y siga las instrucciones en este artículo.