Choose a layout
Horizontal or vertical — pick the layout that fits your number of tiers.
Switch layout
Open your bundle and stay on the Bundle Settings tab.
Find the Layout card.
Click Horizontal or Vertical. The chosen one gets a green border and a (selected) label.
Check the live preview, then click Save.
Which one to use
| Layout | Tiers sit | Best for |
|---|---|---|
| Horizontal | Stacked, one full-width row each | Most deals, and anything with badges, tier images, longer text, or more than four tiers. The default. |
| Vertical | Side by side, as narrow cards | Two to four tiers with short titles. |
Horizontal
Each tier is a full-width row: the selector (or tier image) on the left, the title and subtitle in the middle, and the price on the right. Rows stay full width on a phone, so longer titles, images, and extra tiers all fit.
Badges — and their styles (Simple, Most Popular, Dark) — are only available in this layout. The Label shows as a small tag next to the title.
Vertical
Tiers sit side by side as narrow cards with their content centered. The cards share the row evenly, and if there are too many to fit they wrap onto a new row. Keep titles to a couple of words — 2 Pack, not Buy two and save ten percent.
On a phone (screens up to 480px wide) the cards turn into a single row that customers swipe sideways.
Badges are hidden entirely in the vertical layout — both the Badge text field and the style picker disappear from the tier. The Label moves to a banner across the top of each card.
Check it on a phone
Most stores take the majority of their traffic on mobile. Three side-by-side cards can look great on desktop and need swiping on a phone — always look at both before publishing.