emory-background

Generic Two Column Page Type

Developer Notes

  • Page Types have been created using Sitecore's Page Branches feature which lets us define pre-configured pages for Content Authors.
  • These page types can be used as a template to create pages, and are available in the insert options list on the website.
  • When a page is created using these templates then it will already have the Page Design set, predefined components added and their data source items created locally. 
  • Generic Two Column Page Type creates a page where the main area is divided in Two Columns and components have been added in these columns. Its name in Sitecore is Generic Two Column Centers and Programs .
  • This page branch is based on Two Column Page template which inherits the Page template which has all the custom metadata fields.
  • Containers have been used to divide the page into two columns.
    • The container on left has Content - Paint Bucket Setting applied and Component Layout - Laptops field value set to 8.
    • The container on right has Component Layout - Laptops field value set to 4.
  • Pre-defined Component details:
    • Base Hero variant of EH Hero is applicable here; local data-source item name - Hero Banner.
    • EH Breadcrumb has been added.
    • Two Content Spots have been added in the left column; local data-source item names - Content Spot 1 and Content Spot 2.
    • Kyruus Provider Block has been added in the left column, below Content Spots local data-source item name - Kyruus Provider Block.
    • Slick Carousel has been added in the left column; local data-source item name - Slick Carousel Custom.
    • Call Out Box Promo variant of EH Promo is applicable here and has been in the right column; local data-source item name - EH Promo - Call Out Box. Paint Bucket Settings have been applied to move the component above the Hero Banner.
    • Side Navigation component has been added on the right after EH Promo inside a container, Side Navigation variant is applicable here. 
  • Header Alert, Header and Footer are rendered using Generic Two Column page design.
  • CAs have the ability to add new components and even remove/edit the pre-rendered ones on a specific page in EE.
  • A screenshot of the page is shown HERE, the pre-rendered components are highlighted in the image.

Content Author Notes

Requirements

Generic Two Column Page: