Filtro Select automático (CMS) + pag

FUNCIONA CON CMS, PUEDE ALBERGAR COLECCIONES MAS GRANDES QUE 100 ITEMS Y LA CANTIDAD DE ENTRADAS MOSTRADAS ES CUSTOMIZABLE.

A considerar:

  • Llamada a script before </body> en página.
  • En el script definir la cantidad de itemsPerPage para la paginación
  • Estilo de la paginación customizable desde el <style>
  • El nombre del contenedor de la colección llamado en el script es .collection-list
  • El nombre del wrapper del filtro (select) es .select-test
  • Manejar paginación para poder darle la clase .load-more-button al botón de siguiente
  • El contenedor creado para albergar la nueva paginación tiene la clase .pagination-container
  • El uso de COMBINE de dos colecciones no esta soportado con la paginación.

Para llamar automáticamente a las categorías (colección)

  • Crear una colección al lado del filtro select y llamar a la colección de categorias para filtrar,
  • Esta colección solo debe contener un Text-block que jala del nombre de la colección y lleva la clase ".select-item".

Category 3
Category 2
Category 1
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Qui Ut Recusandae Copy 2

Category 1
red
51359
Pariatur soluta soluta quos nobis. Consequatur quasi modi similique dolore ea

Qui Ut Recusandae Copy 3

Category 2
green
51359
Pariatur soluta soluta quos nobis. Consequatur quasi modi similique dolore ea

Qui Ut Recusandae Copy 4

Category 3
yellow
51359
Pariatur soluta soluta quos nobis. Consequatur quasi modi similique dolore ea

Qui Ut Recusandae Copy 6

Category 2
red
51359
Pariatur soluta soluta quos nobis. Consequatur quasi modi similique dolore ea

Qui Ut Recusandae Copy 8

Category 3
blue
51359
Pariatur soluta soluta quos nobis. Consequatur quasi modi similique dolore ea

Qui Ut Recusandae Copy 9

Category 2
red
51359
Pariatur soluta soluta quos nobis. Consequatur quasi modi similique dolore ea

Sed Exercitationem

Category 3
green
30140
Beatae molestiae quia qui voluptas est. Non itaque accusamus saepe impedit enim qui. Et dolor

Sed Exercitationem Copy

Category 3
yellow
30140
Beatae molestiae quia qui voluptas est. Non itaque accusamus saepe impedit enim qui. Et dolor

Sed Exercitationem Copy 2

Category 2
yellow
30140
Beatae molestiae quia qui voluptas est. Non itaque accusamus saepe impedit enim qui. Et dolor

Sed Exercitationem Copy 3

Category 1
yellow
30140
Beatae molestiae quia qui voluptas est. Non itaque accusamus saepe impedit enim qui. Et dolor