The bundle block should look like part of your product page, not like an app bolted onto it. Three tabs under Customize in the bundle editor control that: Settings for layout and behaviour, Colors for every colour, and Text for fonts and sizes. Two settings on the Settings tab also change what your theme displays, and those are the ones worth understanding before you switch them on.

In this article:

On the Settings tab, the first card holds Bundle title, Bundle title alignment (Left, Center or Right) and Offer layout, which switches the whole bundle between Vertical and Horizontal.

The spacing controls below it depend on the layout:

Under Pricing display options on the Settings tab:

On a new bundle, Show compare-at price, Use product compare-at price and both theme settings are on, the other two are off, and Price rounding is None.

Below them, under Cart & checkout behaviour, Skip cart (redirect to checkout) sends customers straight to checkout when they add a bundle, so your cart and the Atlas cart drawer, with its upsells, are skipped. It is off by default.

Show individual unit price is worth turning on for quantity breaks. "3 for $54" means less than "3 for $54, that's $18 each" when the single unit price is $24.

If a crossed-out price or total is not what you expect, see Why is my bundle's crossed-out price or total not what I expect?.

Under Variant image settings on the Settings tab, which only shows with the Vertical layout. A Horizontal bundle keeps whatever these were set to.

Edit swatches and Set default variants sit under Products, next to the product selection. Edit swatches configures the swatches themselves, and Use AI can do that for you.

If swatch options will not load you may see We couldn't load product options from Shopify. Please try again in a moment., or a more specific message asking you to select a collection or at least one product first. Some selected products could not be read. Remove and re-add them, then try again. means one product in your selection is the problem.

Set default variants opens a window of the same name. Select an offer in the preview on the left, choose its starting variants on the right, then select Done and save the bundle to keep them.

Each choice keeps the product on a variant that exists, so a default is always a real variant of that product. In the editor preview and on your store, each product starts on its default. A product with no default starts on its first variant. Swapping a product with Change product clears its default.

The Colors tab groups every colour control:

Most groups support gradients. Gradient direction offers Left to right, Right to left, Top to bottom, Bottom to top, Top left to bottom right and Top right to bottom left.

On a Horizontal bundle there are extra gradient controls: Use gradient for background, Use gradient for selected background and Use gradient for border, each with its own start colour, end colour and direction, plus a separate Selected background for the offer the customer has chosen.

Offer gradients apply to a scope you choose with Add background gradient to: None, Main offer, Selected offer, or All offers. There is also a gradient font colour, labelled Font color (overrides offer text colors).

The Text tab groups typography by area: Main text, Badge & label text, Price text, and Upsell & gift text.

Each group offers Font size (px) and Font weight & style, with weights from Light (300) through Extra bold (800), each with an italic variant.

Font sizes are validated on save. A value outside a range stops the save, and the field shows its limit, such as Badge font size cannot exceed 16px:

Values are in pixels. A value outside the first range stops the save, and the field says why. A value inside it but outside the second is saved at the nearest limit: an offer title of 32 is saved as 30, and a compare price of 10 is saved as 12.

See Why was my font size or field value rejected when saving?

Setting Offer layout to Horizontal shows your offers as cards side by side, and the bundle title becomes Select Quantity: until you change it. It also changes what you can set: