Featurettes CleanSlate Component doesn't work

[adamjohnson]

Steps to reproduce the issue

1. Log into CleanSlate and navigate to a site that uses the design system.
2. Go to Pages > Properties > Custom Data
3. Add the Featurettes Component to a slot. Set the Slot Limit to 3 (or any number).
4. Save the Page Properties and open the page to edit.

Results

Featurettes do not show. The featurette's headline and other editable regions show; however, the columns do not show.

Expected Results

The featurettes columns should show for featurettes.

cc @ktduong & @rebecca-patton

[adamglenn]

This is a problem with the documentation. You have to add a label to each page you want to display in a featurette, so the featurette knows what to display e.g. {slug-of-page-you-want-it-to-display-on}-featurettes-{instance-number} i.e. home-featurettes-1 if you want to add featurettes in the meantime. Will update docs tomorrow. cc @ktduong & @rebecca-patton

[adamjohnson]

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.

From How Featurettes Work.

I only needed a triptych, not necessarily to pull pages. Switching the style to "Editable regions" was the key part.

Thank you for the help, especially on your day off.

[rebecca-patton]

I'm trying to pass variables to the partials manually, and the columns still aren't showing up for me.

Steps to reproduce the issue

Log into CleanSlate and navigate to a site that uses the design system.
Open a page template (i.e. frontpage.html) in your code editor.
Insert the Featurettes partial and variables after the site data:

<r:set_var name="componentLimit" value="4" />
<r:set_var name="componentFeaturettesStyle" value="editable-regions" />
<r:partial name="components/wvu-featurettes" theme="University Relations: WVU Design System" />

Commit changes and update the theme in CleanSlate.

Results

Featurettes do not show. The featurette's headline and other editable regions show; however, the columns do not show.

Expected Results

The featurettes columns should show for featurettes.

[adamglenn]

K, I'll take a look tomorrow.

[adamglenn]

So I screwed up the variable names on this docs page: https://designsystem.wvu.edu/tutorials/building-templates-using-shared-partials (I assume that is what you were referencing)

Should be:

<r:set_var name="limit" value="4" />
<r:set_var name="featurettesStyle" value="editable-regions" />
<r:partial name="components/wvu-featurettes" theme="University Relations: WVU Design System" />

I have updated the docs: https://designsystem.wvu.edu/tutorials/building-templates-using-shared-partials?=53