Insurance

Import the Insurance design and it brings blocks and content types of its own, on top of the main Canvas library. Read this page when you are working on a site built from Insurance and meet a block you cannot find in the main reference.

These items stay registered on every site so that content you have already imported keeps rendering, and they appear in the block inserter only where the design is in use.

Blocks this design adds

Insurance Coverage

canvas-core/insurance-coverage

Display coverage types from the Portfolio post type as a tab strip, matching tab panels or a card grid, or render a single coverage page (facts, benefits, quote CTA, related coverage). In the block inserter it is named Canvas Insurance Coverage.

Select the block on a page and its own settings open in the sidebar, in the panels below:

Layout

• LayoutDefaultTab Strip

  Which part of the coverage design this block draws: the tab strip, the matching panels, the card grid, or one of the three single coverage pieces.

  ChoicesTab StripTab PanelsCards GridSingle Coverage - FactsSingle Coverage - Quote CTASingle Coverage - Back + Related

Query

• ItemsDefault0

  0 shows every coverage type.

• Order ByDefaultMenu Order

  What to sort the coverage types by.

  ChoicesMenu OrderDateTitle

• OrderDefaultAscending

  Read the sort order forwards or backwards.

  ChoicesAscendingDescending

• Category SlugDefaultEmpty

  Limit to one project category. Empty shows all.

Display

• Strip ClassesDefaultnav flex-lg-column

  Classes on the tab strip.

  Shown when Layout is "Tab Strip"

• Strip IDDefaultside-tab

  Identifier on the tab strip, for a link or a style that targets it.

  Shown when Layout is "Tab Strip"

• Summary ClassesDefaulttab-desc mt-2

  Classes on the summary shown under each tab label.

  Shown when Layout is "Tab Strip"

• Panel Area ClassesDefaulttab-content

  Classes on the area holding the tab panels.

  Shown when Layout is "Tab Panels"

• Panel Area IDDefaultinsurance-tabContent

  Identifier on the panel area, for a link or a style that targets it.

  Shown when Layout is "Tab Panels"

• Panel Inner ClassesDefaultd-flex flex-column mw-sm mx-auto align-items-center text-center

  Classes on the inner wrapper inside each panel.

  Shown when Layout is "Tab Panels"

• Illustration ClassesDefaultmb-5

  Classes on the illustration at the top of each panel.

  Shown when Layout is "Tab Panels"

• Illustration WidthDefault440

  Width of the panel illustration, in pixels.

  Shown when Layout is "Tab Panels"

• Panel Title ClassesDefaulth1 mb-3

  Classes on the panel heading.

  Shown when Layout is "Tab Panels"

• Details Link TextDefaultView Details

  Wording on the link to the full coverage page. It is used on the panels and on the cards.

• Details Link ClassesDefaultbtn btn-link

  Classes on the details link.

  Shown when Layout is "Tab Panels"

• Underline Details TextDefaultOn

  Underline the wording of the details link.

  Shown when Layout is "Tab Panels"

• Details Link IconDefaultph-arrow-right position-relative

  Icon shown after the details link wording. Empty shows none.

  Shown when Layout is "Tab Panels"

• Details Icon Inline StyleDefaulttop:2px

  Inline style on the details icon, for nudging it into line with the wording.

  Shown when Layout is "Tab Panels"

• Row ClassesDefaultrow col-mb-50

  Classes on the row wrapping the cards.

  Shown when Layout is "Cards Grid"

• Column ClassesDefaultcol-lg-6

  Classes on each column, which is where the number of cards per row is set.

  Shown when Layout is "Cards Grid"

• Show Benefits on CardsDefaultOn

  List the benefits stored on each coverage type inside its card.

  Shown when Layout is "Cards Grid"

Single

• Collection Page SlugDefaultcoverage

  Page the eyebrow and Back button link to.

• CTA TextDefaultGet a Quote

  Wording on the main button. Empty renders no button.

  Shown when Layout is "Single Coverage - Quote CTA"

• CTA Page SlugDefaultget-a-quote

  Slug of the page the main button opens.

  Shown when Layout is "Single Coverage - Quote CTA"

• Back Button TextDefaultAll Coverage

  Wording on the button back to the coverage collection. Empty renders no button.

  Shown when Layout is "Single Coverage - Back + Related"

• Related HeadingDefaultOther Coverage

  Heading above the row of other coverage types.

  Shown when Layout is "Single Coverage - Back + Related"