CMS Slider Enhancement with Expandable Grid Feature
We're looking for an experienced Webflow developer to implement a specific interactive feature on our site's Categories page. The goal is to upgrade the existing CMS-powered slider (showcasing a limited set of companies) by adding a "View All" button that expands the view into a full grid layout of all companies, rather than linking to a separate page.
Current Setup
The Categories page features a slider/carousel displaying a selection of companies (CMS Collection items).
We already have a similar "View All Companies" button implemented on our Agendas section (example: cancelnetwork.com/agendas/politics and also Image 2 attached), but it redirects to a separate full-page view (Image 3).
Desired Functionality
Add a "View All" button below the slider on the Categories page. When clicked:
The slider collapses/hides and the section expands to display all items from the same CMS Collection - similar to how it looks on Image 3).
Display in a responsive grid layout:
4 columns on desktop
3 columns on tablet / landscape mode
2 columns on mobile / phone
Replace the button text with "View Less".
Clicking "View Less" collapses the grid back to the original slider view.
This should feel smooth and seamless (e.g., using Webflow interactions, custom code, FS attributes, or similar solutions if needed — no page reload/redirect).
References / Inspiration
Similar to how some sites expand accordions or "load more" sections, but specifically toggling between slider and full grid.
We can share access to the Webflow project along with reference screenshots showing:
Current slider on Categories page
Existing "View All" behavior on Agendas (redirects to separate page)
Desired expanded grid layout (4/3/2 columns)
We can also hop on a quick call or provide additional explanation via Loom Video.
Please provide a fixed cost and timeline for this functionality. If this is not provided - we will assume your response was auto generated and will be ignored.
Thanks!
Job Qualifications
- 3 columns on tablet / landscape mode
- 2 columns on mobile / phone
- Similar to how some sites expand accordions or "load more" sections, but specifically toggling between slider and full grid
Job Benefits
Job Responsibilities
- The goal is to upgrade the existing CMS-powered slider (showcasing a limited set of companies) by adding a "View All" button that expands the view into a full grid layout of all companies, rather than linking to a separate page
- The Categories page features a slider/carousel displaying a selection of companies (CMS Collection items)
- Add a "View All" button below the slider on the Categories page
- The slider collapses/hides and the section expands to display all items from the same CMS Collection - similar to how it looks on Image 3)
- Clicking "View Less" collapses the grid back to the original slider view
- This should feel smooth and seamless (e.g., using Webflow interactions, custom code, FS attributes, or similar solutions if needed — no page reload/redirect)
- Current slider on Categories page
- Existing "View All" behavior on Agendas (redirects to separate page)
- Desired expanded grid layout (4/3/2 columns)
- We can also hop on a quick call or provide additional explanation via Loom Video