# Customize the bundle page

> Add a banner, heading and trust points to your bundle page, and set its layout.

Source: https://help.attravo.com/bundle-builder/articles/customize-the-bundle-page
Updated: 2026-10-06

The **Bundle Page** block has its own settings in the theme editor for everything around the bundles: a banner, the page heading, trust points and the layout. Colors, fonts and the add to cart button are set in the app, under **Settings**.

To open the settings, go to **Online Store** > **Themes**, click **Customize**, open your bundle page's template and select the **Bundle Page** block.

## Add a banner

1. Under **Banner**, choose a **Banner image (desktop)** and, if you like, a separate **Banner image (mobile)**.
   - Desktop: best at 1920 px wide, up to 1200 px tall.
   - Mobile: best at 1200 px wide, up to 1000 px tall. It shows on screens narrower than 750 px.

![The Banner image (desktop) and Banner image (mobile) settings](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/12cf6fe9-057e-41ee-be3a-61ba6247a821/page-design-1-banner-87c2f7e738.webp#w=776&h=1004)

2. To put text on the banner, fill in **Banner heading**, **Banner small line**, **Banner highlight** and **Banner button text**. Leave them all empty if your image already carries its text.
3. Set the **Banner text color**, **Banner button color** and **Banner button text color**. The button scrolls to the bundles unless you set a **Banner button link**.

> [!TIP]
> Without a banner image, the block uses the page's featured image. Images within the sizes above show in full, without cropping.

## Set the heading and trust points

1. Under **Heading and trust points**, enter the **Page heading**. Leave it empty if your banner carries the title.
2. Fill in **USP 1** to **USP 4**, such as Free shipping or Easy returns. Upload an icon for each, or start the text with an emoji. Empty ones are hidden.
3. On phones the trust points scroll on their own. Turn off **Auto-scroll trust points on mobile** to show them two per row instead.

![The Page heading and trust point settings](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/12cf6fe9-057e-41ee-be3a-61ba6247a821/page-design-2-heading-fadb68f9e9.webp#w=776&h=1084)

## Set the layout

Under **Layout**:

- **Products per row**: on a computer, from 1 to 6. Fewer per row shows bigger cards.
- **Products per row on mobile**: 1 or 2.
- **Card grid alignment**: **Center** puts a row that isn't full in the middle.
- **Follow theme page width**: matches your theme's other sections. With it off, set a **Max width**.
- **Vertical padding**: the space above and below the block.

![The Layout settings](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/12cf6fe9-057e-41ee-be3a-61ba6247a821/page-design-3-layout-84160b0e6a.webp#w=776&h=1332)

Click **Save** in the theme editor when you're done.

## Show one bundle only

The block shows all your active bundles. To show just one, paste its ID into **Bundle ID (optional)**. You'll find the ID on the bundle's page in the app, with a **Copy** button.