Skip to content
Log in

Content block containers

On this page

A Container block holds one or more child content blocks of any type, and controls how they are laid out on the page. By nesting containers within containers you can build more complex designs.

To add content blocks to your container:

  1. On the container, go to the Child Content Blocks related list and select New.
  2. Search for and select the block you want to add.
  3. Set Position to place this block in relation to the others in the same container.
  4. Set Usage Type to Content.
  5. Select Save.

:::tip When using Position, increment by 10. That way, if you decide to slip an extra block in-between two others later on, you will have room to do so without having to re-number all following blocks. :::

Configuring your containers

A container does not need a title or subtitle. Once you have selected the Container template and named the container, the only decision left is Layout Style.

Field Usage Input
Layout Style Defines how the container is laid out Picklist
Title H1 heading for block Plain Text
Subtitle Medium sized subtitle for block Plain Text

Layout Style options:

Layout Style API value Effect
No layout none Displays child blocks under each other in order.
Even distribution of all children no wrapping even-distribution Displays child blocks evenly in a single row on all devices.
One third left first child block, two thirds right second block one-third-two-thirds Displays two child blocks in two columns, in the ratio one third (first block) and two thirds (second block). On mobile they stack at the full width of the device.
Two thirds left first child block, one third right second block two-thirds-one-third Displays two child blocks in two columns, in the ratio two thirds (first block) and one third (second block). On mobile they stack at the full width of the device.
Two column, wraps child blocks to new line two-column Displays child blocks in two columns on all devices.
Three column, wraps child blocks to new line three-column Displays child blocks in three columns on all devices.
Four column, wraps child blocks to new line four-column Displays child blocks in four columns on all devices.
Full width on smaller screens and two columns on larger one-to-two-column Displays blocks in one column on small devices and two columns on larger devices.
Full width on smaller screens and three columns on larger one-to-three-column Displays blocks in one column on small devices and three columns on larger devices.
Full width on smaller screens and four columns on larger one-to-four-column Displays blocks in one column on small devices and four columns on larger devices.

Load the page holding the container. The child blocks appear in the arrangement your Layout Style describes, in Position order, and reflow to a single column on a narrow screen.

For the style options you can put inside a container, see content block templates.

Related articles

Documentation Content block templates Documentation Content pages Documentation Maintain SEO for filterable store pages

Was this article helpful?

Was this article helpful?