Customize the bundle page

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.

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.

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.

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.

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.