Pagination / Filters Webflow

Design help General
1

Hello everyone,

I’m facing an issue on the website I’m currently developing and I need your help.

On my news page, I have integrated a search bar and a filtering system using Finsweet. The tags for the article categories have the same default color. To give them different colors based on the type of article, I added some code.

I tested two different approaches:

  1. Integration of Finsweet pagination: The pagination works very well. However, when I change pages, the tag colors do not update with the code I added. You can see it at this link: Webflow - Occurrence

  2. Using Webflow’s native pagination: In this case, the tag colors change correctly when I switch pages. However, the filtering system and search bar only work on the current page and not on the next or previous pages. Here is the link with Webflow’s native pagination: https://preview.webflow.com/preview/occurrence-demo?utm_medium=preview_link&utm_source=designer&utm_content=occurrence-demo&preview=b6dfe97d7d8755b2ebaa5c0235c34007&pageId=6687f783ea9d20572310c1c8&locale=en&workflow=preview

I’m looking for a solution to ensure that the tag colors update correctly using Finsweet pagination, or for the filtering system and search bar to work on all pages with Webflow’s native pagination.

Thank you in advance for your help and I hope to find a solution with your advice.

Thanks,

Evane

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

There is easy way to assign color to your tags/categories just using CMS.
On your Catégories d’actualités et ressources just add another field for color and then assign color for each one.

On the page, select content_card-info-text go to settings there now you can select BG Color from Actualités that’s your CMS data.