Component overview
A Product Listing is a component that will list a collection of products or items in a grid format with multiple images, small description, and the ability to link to a detail page. The collection can be pulled in with preferred products appearing on top, using a manual list, and/or using taxonomy categories.
- Profile Listing components can be used on most page schemas: Profile Listing components may be used on Section Fronts, Section Detail and Degree Detail pages.
- Multiple Profile Listings can be placed on one page: Profile Listings are flexible and you may place several on a page (e.g. college leadership listing and a faculty listing).
- Profile Listings may be set to hide images: You can turn off images at the Profile Listing level. This setting applies to all images in that particulary Profile Listing. It will not affect images that display on the Profile page.
- Profile images must meet quality standards: Profile images must be professional in nature (e.g., no iPhone images, selfies, cropped at a restaurant, etc.).
- Profile images must conform to specific sizes: All profile images must be 640x640. Images larger or smaller will not be used.
- Use as many consistent profile images as possible: The University's official profile images include a gray background and are typically taken by the University's Digital Photo Production Specialist, Theresa Danna-Douglas.
- Consider the page schema for your Profile Listing: Profile images size differently based on the page schema. They appear smaller on Profile Detail pages versus Section Fronts because of the navigation elements in the left rail. Think about how your users will interact with the individual profiles on each schema.
- Take advantage of the search and filtering options: Profile Listings allow for users to place a search box or create drop-down filters for individual profiles. These options allow you to manage large profile listings and make it easier to locate a specific profile. Profile filtering is controlled by taxonomy and there is keyword functionality on individual Profile components for custom search options.
- Make sure to filter your profile listings: Under Profile Listing Categories, make sure to select UNR Profile as a filter schema to avoid getting NevadaToday components in your listings.
- Use correct phone number styling: Phone numbers should be listed as (775) 555-555 in Profile components.
- Photo component images must have alt-text: A descriptive alt-text is required to be included with each Profile component.
- Profile Listing filters must be manually approved in Site Improve: Because the filter is a drop-down, Site Improve will flag it for manual review to ensure the list of items is grouped correctly (e.g., alphabetical order, makes sense to all users).
- Beware of your anchor text: Because profile listings display multiple profiles components on the same page, you must ensure that your anchor text on profile listing links is distinct (i.e. "Dr. Spock's Google Scholar profile" and not "Google Scholar profile").
The required size for Profile components is 640x640.
The required size for the background image on Profile components is 1920x1080.
PROFILELIST: UNIT NAME - Purpose
- Example: PROFILELIST: ENG - Faculty
PROFILE: UNIT NAME - Last Name, First Name
- Example: PROFILE: ENG - Doe, Jane
Example Profile Listing components
Profile Listing, no search and filter
Demo Product Listing
Option listing description here.