Skip to content

Layouts in pictures

Two settings shape how a bundle looks, and they work independently:

  • Layout sets how the whole bundle is arranged on the page.
  • Show repeated items as sets how a product with choices is filled in when it is bought in several units.

Both live on the Bundle Display tab. Below is each option, the setting that produces it, and how it looks (shown with a real hoodie that has colours and sizes). For when to pick which, see Layouts & which to use.

When you edit a bundle, both controls sit on the Bundle Display tab: the page Layout, and Show repeated items as. Every option below is one choice in these dropdowns.

The Layout and Show repeated items as dropdowns in the bundle editor
The admin controls. The "To get this" note under each example tells you which option to choose here.

To get this: set Layout to List.

A bundle in the List layout, items stacked down the page
Items stacked top to bottom. The default, and the right choice for most bundles.

To get this: set Layout to Grid.

A bundle in the Grid layout, items shown as cards side by side
Items as cards side by side. Good when a bundle has several items to scan as a set.

To get this: set Layout to Step by step.

A bundle in the Step by step layout, one item in focus with Back and Next
One item at a time, with numbered steps and Back / Next. Best for long or involved builds.

To get this: set Layout to Configurator.

A bundle in the Configurator layout, a two-pane builder with choices on the left and a live summary on the right
A full-page, two-pane builder with a live summary that stays in view.

When one item is bought in several units (a three-pack, say), Show repeated items as controls how those units appear. It changes a product with choices, variations or AddOnBoss option sets, bought in quantity. A product with no choices, and a single-unit item, always look the same.

To get this: set Show repeated items as to Stacked.

Three hoodie units shown as stacked cards, each with colour and size pickers
One card per unit. Clear and roomy, and what a new bundle opens on without the Builder.

To get this: set Show repeated items as to Compact cards.

Three hoodie units shown as compact cards
Tighter cards with no sideways scrolling. The best choice when each unit is [personalised](/docs/bundleboss/personalisation/).

To get this: set Show repeated items as to Table.

Three hoodie units shown as rows in a table with colour and size dropdowns
One compact row per unit. A spreadsheet-style view for fast entry.

To get this: set Show repeated items as to Quantity grid. A new bundle made with the Builder opens on it already.

A hoodie shown as a quantity grid of colour tiles
Tap a colour and type how many of each size. Best for bulk size runs. See [Quantity grid](/docs/bundleboss/quantity-grid/).

Every shot above uses a product you choose (a variable hoodie), which the customer configures. Two other cases are worth seeing:

To get this: add the item as a choice slot instead of a fixed product.

A choice slot where the customer picks the garment from candidate cards
The customer picks the product from a pool you define, then configures it. See [Choice slots](/docs/bundleboss/choice-slots/).

To get this: give the colour attribute swatch colours, or let them fill in from the name.

Colour options shown as swatch circles with sizes as pills
Colours show as circles instead of text. See [Colour swatches](/docs/bundleboss/swatches/).

Because the two settings are independent, you can combine them freely: a List page with a Quantity grid item, a Grid page with Compact cards, and so on. Pick the page layout for how the bundle reads as a whole, then Show repeated items as for how a repeated item is filled in. Not sure which? The Layouts & which to use page has a quick recommendation table.

Was this page helpful?