Filter Grid and Cards

module_filter_grid

The Filter Grid displays pages as cards with keyword search, optional category filters, result counts and Newest/A–Z sorting. It is currently used on News and Events.

#Select the data source

Add module_filter_grid to the page that owns the content:

Tagged page type Cards loaded
Blog Most recent Blog Posts
Calendar All upcoming Events
Basic page Published child pages, newest first

This module can also be used as a child of a subpage_layout parent, but its page itself remains the data source.

Card field mapping

All cards use the page headline (falling back to its name) and link to that page.

Card type Additional information
News / Blog Post Publication date, headline, optional excerpt and “Read more”
Event Event start date/time or multi-day date range, headline, optional venue and “View event”
Basic page Headline, optional excerpt and “Read more”

The card image uses the first image attachment when one exists. Otherwise it falls back to the page Meta image. Cards are still valid without images.

Category filters

Add one or more filter:Category name tags to a Blog Post, Event or Basic child. The filter controls are generated automatically from the categories present on the rendered cards and sorted alphabetically.

Examples:

Filtering with several categories uses OR logic: a card is shown when it matches any selected category.

Search and sorting

Keyword search checks card headlines only and is case-insensitive. Clearing the field restores all matching cards.

The initial Blog order comes from NationBuilder's most-recent posts. Calendar cards initially use upcoming-event order even though choosing Newest later uses the page publication date.

Content-editor notes