Skip to main content

How Featurettes Work

What Featurettes Do

Featurettes are components that loop through your site and find pages with a designated label, pull certain content from these pages, and display the content on another page. For example, let’s say you want to display a series of content in the same format i.e. a thumbnail image, photo, headline, blurb, and call-to-action. This is where you would use a featurette.

There are many types of featurettes:

  • Blog Articles - Loops through blog articles and displays a the headline, description, and call-to-action.
  • Cards - Loops through your site’s pages and displays the content with a cards style.
  • Cards w/Editable Regions - Provides you with a number of cards that are editable (rather than pulling content from already existing pages, you just enter the content manually).
  • Cards w/Overlay - Loops through your site’s pages and displays the content with a cards w/overlay style.
  • Default - Loops through your site’s pages and displays the thumbnail, headline, blurb, and call-to-action.
  • Editable Regions - Provides you with a number of panels that are editable (rather than pulling content from already existing pages, you just enter the content manually).
  • Profiles - Loops through your pages and displays a thumbnail, title, and contact info.
  • Testimonials/Quote - Loops through your pages and pulls out a quote, thumnbail, and name.

If you are using the Super Template, you can select the card style you want from the dropdown menu in the page properties associated with the component you are adding. Make sure to also select a limit. If you are creating a custom theme, you can pass the featuretteStyle to the component using a variable, as well as the limit.

Labeling Pages

Label the pages you wish to pull content from with the page slug, plus the name of the featurette (including its instance number) of the page you want it to display on. For example, if I want to display my featurettes on the Home page, which has a slug of home, and my featurettes pattern has an instance number of 1, I would add a label home-featurettes-1.

Featurettes Replaces the Polyptych Pattern

Also note that the new featurette component replaces the old “polyptych” patterns. These patterns allowed the designer to specify a number of panels that each contained editable regions (for the thumbnail image, photo, etc.). Now you just use a featurettes component and set its style to “Editable regions” in the Super Theme or the featurettesStyle to editable-regions.