Drawer vs inline section

The Bundle offer block can present your bundle in two ways. You choose the mode from the theme editor.

Drawer mode

In drawer mode the product page shows a trigger button, such as “Build your bundle”. When a customer taps it, the bundle slides in over the page. They build their box, then close the drawer or add to cart.

Drawer mode keeps your product page tidy and works well when the bundle is an optional path rather than the main event.

Inline section

In inline mode the bundle sits directly in the product page as a section, with no button to open it. The products and the savings summary are visible as the customer scrolls.

Inline mode is best when the bundle is the main offer on the page and you want it seen immediately.

Layout for inline mode

When the bundle is inline, you can show the products as:

• A grid, with a set number of columns on desktop.
• A slider, showing a set number of items at a time that customers can scroll through.

Choosing

• Use drawer to keep the page clean and make the bundle a deliberate choice.
• Use inline to put the offer front and center.

Both modes share the same product selection and savings summary, so the customer experience inside is the same.