Application Development53% of the exam

Page Designer page types, components and aspects

How to build Page Designer page and component types from meta definition JSON and render scripts, choose attribute types, render pages and regions with PageMgr, add dynamic pages with aspect types, and stay within caching and size limits.

Official exam objective
Given a business requirement and design for a new marketing page, develop page types and components to allow a marketer to build a page with the Page Designer tool.

~7 min read · 14 practice questions ·

What the exam expects

  • Create a page type or component type as a meta definition JSON file plus a same-named script with a render function, in the right experience folder and with valid names.
  • Choose attribute types for a marketer's editing need, and predict how required and default_value behave.
  • Render pages with PageMgr.renderPage and regions with PageMgr.renderRegion, and print region markup without HTML-encoding it.
  • Build dynamic pages with aspect types, dynamic_lookup and getPageByCategory/getPageByProduct, and prepopulate regions with default_component_constructors.
  • Apply the rules for custom attribute editors, incompatible meta definition changes, page caching and the 3 MB page limit.

Key terms: page type (a page template whose meta definition describes regions); component type (a reusable building block whose meta definition describes merchant-configurable attributes and optional regions); meta definition file (the JSON file that defines a type); region (an area that holds components); aspect type (a meta definition that makes a page dynamic, with attributes passed at render time and an optional category or product binding).

Key facts

Type files
Detail
JSON meta definition + same-named .js in the same folder
File and folder names
Detail
Alphanumeric or underscore only
Type ID
Detail
Subfolder path and file name joined by periods
default_value
Detail
Renders and previews; never preselected
markup attribute
Detail
Rich text editor
Custom editor cartridge
Detail
On the Business Manager site's cartridge path
renderPage
Detail
Two layers of remote includes; nested pages unsupported
getPageByProduct
Detail
No category tree traversal
Several pagecache settings
Detail
Shortest wins
Page Designer output
Detail
3 MB, below the 10 MB ISML limit
Sources for this section (3)
  • When do page type and component type IDs cause errors because of length?
  • Why add the renderPage call to the Page-Show controller?
  • What does pageMustBeVisible do in getPageByCategory?
  • Why does each custom attribute editor run in an iframe?

The questions are free to read. Answers with their sources and self-grading are included with the pack.

Keep reading with the B2C Commerce Developer pack

  • Core concepts
  • Exam traps
  • Worked scenario

The pack includes:

  • All 28 lessons of the B2C Commerce Developer guide, with reading progress
  • Interactive decision walks and step-by-step sequence steppers
  • Practice exams purchase adds inline bank questions and topic practice (14 questions for this lesson)
  • An official source cited for every claim
  • An AI tutor that answers from the guide
  • Choose guide-only, practice-only, or save $4 with both

Practice for the B2C Commerce Developer exam