Stack Component Menu

SEO

  • Title: MetaTitle (browser tab title)
  • Description: MetaDescription
  • Article: ?
  • Images: ?

Press Logos 

  • A row of one or more logos.
  • Before they can be used, logos need to be delivered as SVG files and uploaded to the CMS by a developer. 
  • There is no control over horizontal or vertical orientation, nor sizing, nor color, nor how many appear on a row before they wrap.

Contact Section 

  • Email, chat, and phone are pre-configured sections.
  • Any new sections would need to be added by a developer.
  • Icons automatically hyperlink to appropriate destination.

Component Primary

Component Secondary

Button Cta

  • Free floating CTA button.
  • Can define the copy and the target link.
  • No control over button style, icon, action type, or location.

Two Column Description

  • Two columns
  • Fixed positions

Primary (markdown)

Body (markdown)

Okendo Review

  • Inserts reviews for a chosen Okendo collection. 
  • Currently reviews of one product in a collection are shared among other products in the same colleciton.

What people are saying

Hero Section

  • Supports either a full bleed static image or video.
    • Option to control height percentage (default 75%).
    • Option to hide Secondary text overlay on mobile.
    • Option to provide a mobile image or video (by default, it will show a horizontally centered crop).
  • Optional blue or white down arrow below the image.
  • Optional CTA button (s)
    • One ore more CTAs.
    • Can open chat.
    • Supports button styles and icons.
    • Supports naming the click event.
  • Optional Showroom Finder.
Outer's luxury outdoor all-weather wicker U sectional, FSC certified teak coffee table, and rug.
Primary (limited markdown)
Secondary (limited markdown) - option to hide on mobile
CTA Text 4 (Feature)CTA Text 5 (Link)CTA Text 6 (Inline)

Showroom Finder

  • Inserts a left-justified showroom finder.

Masonry Hero

  • Text on the left, cascading images on the right.
  • Unlimited images.
  • Optional link, which opens a modal that supports an image on top and copy below.
  • Optional CTA button with no control over button style, icon, action type, or location
  • Optional CTA button that opens a video.
Pretitle

Title

Description
Outer

FAQ Section

  • Display any FAQ from the FAQ collection.

Frequently Asked Questions

You've got questions and we've got answers.

Inspiration Gallery

  • Displays one or more NBS Showroom photos that have been hand selected to be “Inspiration Objects”.
Title
Subtitle

Promoted Catalog Block

  • Optional image on top with optional text below and optional CTA(s) below that.
    • Can have any number of these.
    • They appear in rows of 2 on desktop, and they stack on mobile.
    • Supports a static image and then a video on hover.
    • Clicking on the image takes you to the location of the first CTA, if any.
  • Optional CTA button (s)
    • One ore more CTAs.
    • Supports button styles and icons.
    • Supports naming the click event.
    • Supports special callback actions. Currently:
      • Open modal
      • Open video modal
      • Open gallery
  • Supports product flags

Component Primary

Component Secondary (markdown)

CatalogCard Primary

OuterShell

CatalogCard Primary 2

CatalogCard Primary 3

CatalogCard Primary 4

Featured Paragraph

  • A title and a body.
  • Supports an icon or an image under the title with no control over placement, size or color.

Title

featuredParagraph-
Content (markdown)

Promoted Tabbed Feature

  • I need to learn more about how far along this component is. 
  • It creates the sticky bar across the top of the screen when you scroll up.
  • So far it's unused. It seems buggy.
  • I think it was meant to facilitate jumping to different areas/anchors on a page but the requirements may have been misunderstood.
  • Optional CTA button (s) 
    • One ore more CTAs.
    • Supports button styles and icons.
    • Supports naming the click event.
    • Supports special callback actions. Currently:
      • Open modal
      • Open video modal
      • Open gallery

Component Pretitle

Component Title

Single Accordion

Tab Selector

  • One or more CTA(s).
    • Supports button styles and icons.
    • Supports naming the click event.
    • Supports special callback actions. Currently:
      • Open modal
      • Open video modal
      • Open gallery
  • Optional Add to Cart CTA.

Two Column Content Block

  • Option to place the image on the left or right of the text.
  • Video is supported.
  • Optional CTA button
    • Supports button styles and icons.
    • Supports naming the click event.
    • Supports special callback actions. Currently:
      • Open modal
      • Open video modal
      • Open gallery

Title

Primary

Secondary (markdown)
CTA Text

Media Carousel

  • Supports one or more full bleed images or videos that you can scroll through.
    • Option to provide a mobile image or video (by default, it will show a horizontally centered crop).
    • Primary text can be slate or white only.
    • The text can be left, right or center justified (requires bug fix).
    • The text auto-wraps within a small container.
  • Optional CTA button (s) assigned to each image or video.
    • One or more CTAs.
    • Can open chat.
    • Supports button styles and icons.
    • Supports naming the click event.
    • Supports special callback actions. Currently:
      • Open modal
      • Open video modal
      • Open gallery
Component Title (markdown)

Multi Column Content Block

  • Number of columns can be defined.
  • Can right, left or center align the icon(s) and text on desktop independently from mobile.
  • Background color can be defined (defaults to light gray).
  • One to many Icon Text Blocks.
    • Optional Static image can appear above each icon.
    • Optional icon can appear below the image.
      • Can define icon width and height.
      • Can define icon color.
    • Optional CTA button can appear below the icon and above the optional text.
      • Supports button styles and icons.
      • Supports naming the click event.
      • Supports special callback actions. Currently:
        • Open modal
        • Open video modal
        • Open gallery
Component Title (markdown)
  • Icon Text Block Primary 1 (markdown)
    Icon Text Block Secondary 1 (markdown)
    CTA Text
  • Icon Text Block Primary 2 (markdown)
    Icon Text Block Secondary 2 (markdown)
    CTA Text
  • Icon Text Block Primary 3 (markdown)
    Icon Text Block Secondary 3 (markdown)
    CTA Text

Static Testimonial Block

  • One or more columnar text blocks with optional icons at the top, intended to show customer testimonials.
  • Old icon support where icons must be pre-loaded into the CMS by a developer. 
    • No control over the size, color, or alignment.
  • The pre-loaded quote icon works fine but the pre-loaded dash icon is buggy.

Title

Testimonial Title 1

Testimonial Content 1 (markdown)

Name 1

Location 1

Testimonial Title 2

Testimonial Content 2 (markdown)

Name 2

Location 2

Testimonial Title 3

Testimonial Content 3 (markdown)

Name 3

Location 3

Sticky Bar

  • Creates a sticky bar.
  • The bar has optional text on the left and more optional text plus an optional CTA on the right.
    • Supports button styles and icons.
    • Supports naming the click event.
    • Supports special callback actions. Currently:
      • Open modal
      • Open video modal
      • Open gallery
Primary
CTA Text

Hero (Text type)

  • Full bleed static image.
    • Can specify height (75% by default).
    • Supports an optional mobile version (by default, it will show a horizontally centered crop).
    • Supports an optional black overlay with configurable opacity.
    • Can left, right or center align the text on desktop independently from mobile.
    • Option to hide Subtitle overlay on mobile.
    • Optional showroom finder.
  • Optional CTA button (s).
    • One or more CTAs.
    • Supports button styles and icons.
    • Supports naming the click event.
    • Supports special callback actions. Currently:
      • Open modal
      • Open video modal
      • Open gallery
Pretitle (markdown)
Title (markdown)
Subtitle - option to hide on mobile (markdown)

Hero (Video type)

  • Supports a full bleed video.
    • Supports an optional mobile version (by default, it will show a horizontally centered crop).
    • Supports an optional modal version that appears when you click the Play icon.
      • No control over the Play icon.
    • Can specify height (75% by default).
    • Supports an optional black overlay with configurable opacity.

Hero (CTA type)

  • Supports a full bleed static image or video.
    • Can specify height (75% by default).
    • Supports mobile version (by default, it will show a horizontally centered crop).
    • Supports an optional black overlay with configurable opacity.
  • Optional centered CTA button (s).
    • One or more CTAs.
    • Supports button styles and icons.
    • Supports naming the click event.
    • Supports special callback actions. Currently:
      • Open modal
      • Open video modal
      • Open gallery

Text Block

  • A block of markdown-supported text with a good deal of padding above and below.

Accordion

  • Free floating accordion.
  • Can be expanded or collapsed by default.

Component Title

Subtitle (markdown)

Accordion Title 1

Content 1 (markdown)

  • Expanded by default

Accordion Title 4

Content 4 (markdown)

  • Expanded by default