Page Builder layouts can be broadly divided into Collection of Stories (COS) and Collection of Collections (COC) based on how they fetch and display content.
Collection of Stories (COS)
A COS layout is mapped to a single collection or section and displays individual stories from that source.
It can display stories as a grid, list, slider, or other supported layout.
Collection of Collections (COC)
A COC layout is mapped to a main collection containing multiple sub-collections.
Each column, tab, or row can display stories from a different collection. Therefore, the mapping in Home Collection must be a collection rather than a section.
COS vs COC Layouts
Layout
Type
Notes/Screenshot
Two Column Three Stories
COS
Eleven Stories
COS
Three Column Seven Stories
COS
Two Column Six Stories
COS
Four Column
COS
Four Column Five Stories
COS
Two Column Four Story Highlight
COS
Two Column Four Stories
COS
Opinion Collection
COC
Pulls author-based sub-collections into one row
Three Column
COS
One Column Story List
COS
Three Column Six Stories
COS
Three Column Flex Stories
COS
Six Column Six Stories
COS
Two Column Ten Stories Sidebar
COC
Collection Filter
COC
Supports up to 11 mapped collections
Half Screen Slider
COS
Full Screen Slider
COS
Four Column Sixteen Stories
COS & COC
Can work with one collection or up to 4 separate collections
Four Story Slider
COS
Three Column Twelve Stories
COC
Supports up to 3 collections, one per column
Four Column Portrait Stories
COS
Astrology Collection / Twelve Stories Tab
COC
Supports up to 6 mapped collections
Thirteen Stories
COS
Similar to Eleven Stories with an additional row
Key Difference
COS: One collection/section → Individual stories are displayed. COC: One main collection → Multiple collections/sub-collections are displayed together.
