Page Template Request - Motion Picture / Television / Watch & Listen Collections template

[farosFreed]

Page Description

This template is used on the FTVA site to display 3 specific collection listing pages, Motion Picture Collections, Television Collections, and Watch and Listen Collections.

YouTube Walkthrough

Routes:
/collections/motion-picture
/collections/television
/collections/watch-listen-online

Design

Please also see attached screenshots for quick reference.

• Desktop: https://www.figma.com/design/L8e1czKo8a8px368ayyPZ4/-FTVA--Final-Design-with-Annotations?node-id=11-1441&p=f&t=BfTDZnuSt8TVWxat-0

No mobile designs were provided, items should flow into 1 column

Developer Tips

List any developer tips here

1. To serve data for multiple different types of craft CMS singles to 1 template, you can use the same patterns as the ARSC / IMSC template and graphQL
2. Make sure to provide a ref for AlphabeticalBrowseBy like the implementation on the library site
3. See the about / blog page for similar centered layout at top of page
4. Max of 12 search results before triggering pagination

Events

The page will not emit events, but it will need to react to emitted events from multiple filters and pagination sources to display the correct search results.

Child components

List out any components that are used by this new Page.

1. NavBreadcrumb for breadcrumb at top of page
2. RichText for page summary
3. DividerGeneral for divider beneath page description
4. AlphabeticalBrowseBy for letter-based filtering
5. SectionTeaserCard with enhancements
6. SectionPagination for pagination
7. Postsmall for items in bottom section
8. SectionWrapper as needed

Screenshots