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.

Aperiam Qui Autem Odit

Category 2
yellow
23697
Et maxime non quia expedita modi commodi cum praesentium. Ut veritatis debitis consequatur iusto nihil alias. Nulla molestiae qui dist

Dolor Cumque Harum Et

Category 1
red
15454
Temporibus est qui. Exercitationem doloremque et aperiam magni eveniet inventore

Dolor Cumque Harum Et Copy

Category 1
green
15454
Temporibus est qui. Exercitationem doloremque et aperiam magni eveniet inventore

Dolor Cumque Harum Et Copy 3

Category 2
yellow
15454
Temporibus est qui. Exercitationem doloremque et aperiam magni eveniet inventore

Dolorem Blanditiis Dicta

Category 1
red
7004
Omnis odit id sit. Quasi odit sunt ut. Sequi velit et aliquid eligendi ea. Nostrum dolore necess

Qui Ut Recusandae

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

Qui Ut Recusandae Copy

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

Qui Ut Recusandae Copy 10

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

Qui Ut Recusandae Copy 11

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

Qui Ut Recusandae Copy 17

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