Service Component Grid

Layout Variant: C055

Content Type: Collection

Aspect Ratio: 

• 1:1

Expected Use:

This component displays professional engineering services and sub-categories. Category and subcategories are titled, identified with icons, and briefly described. On selection of subcategory, dedicated sub-category page appears. Maximum of (6) sub-category tiles are initially displayed. “Show More/Show Less” toggle button appears if more than (6) sub-categories. On selection of toggle button, panel expands/collapses to show/hide additional sub-categories. Panel can be vertically stacked to display a variety of professional services. The tile icons are provided by Digitas and contain the on/off states for the hover effect.

Building the Component:

For C055 Collection, include a Teaser Title, Teaser Text and Image on the component. CTAs are not used on this component, they come from the teasable content below. Set Layout Variant to C055.

On the Content Tab, you can add as many Teasers to the Items List as you wish to create the entries for the Collection but only 6 items can be initially displayed. If more than 6 items are added, the "Show More" button will appear below the first six items.

Added Teasers (or teasable content)

Each teasable item should contain the following for purposes of styling in the C055:

• Teaser Title -This is the headline of your component. 
• Teaser Text - The body copy used in this component.
• Pictures and Other Media - This is the image shown on the component
• CTA Label and Teasable Content - As the entire tile is the CTA, there is no specific CTA or text needed to be set for this. The CTA is the Teaser Target when using a Teaser or the teasable content when using a Video, External Link or other content.

Bundle Entries:

• button_show_more
• button_show_less