Skip to main content

Cart, Checkout & Package Bundles User Guide

Category: Commerce & Conversion
Registered Admin Route: /admin/page-components

This guide covers all registered cart buttons, checkout screens, wishlist grids, order summaries, and bundled package subscription components available in the Page Builder.


Figure 1 — The palette, in Page Builder Studio. A Storefront page offers 6 containers, 29 components and 5 widgets.
The complete field reference lives in the product, not here

Every row in the palette carries a ? button that opens that component's own help: overview, mental model, when to use it versus the alternatives, a complete property reference, worked recipes, accessibility and translation notes, gotchas, troubleshooting and an FAQ. It ships with the build, so it can never drift from the component you are configuring.

This guide is the map — which block to reach for and how they combine. The ? is the manual for each one.

The palette is page-type specific

A page's page type decides which blocks it is offered. If a component named here is missing from your palette, the page type is why — not a missing permission. See Visual Builder mode.

1. Cart & Checkout Components​

A. Add to Cart (add_to_cart) & Buy Now (buy_now)​

B. Cart Summary Drawer (cart_summary)​

C. Checkout Form Component (checkout_form)​

D. Order Summary (order_summary_public)​

E. Wishlist Grid (wishlist_grid)​


2. Package Bundles Components (package_*)​

Package components allow you to sell bundled product packages, recurring subscriptions, or service plans:

UI Controls & Package Components​

Component TypeDescriptionKey Configurable Dropdowns & FieldsData Source Origin
package_listGrid of subscription or package plans• Package Tag Filter: Filter by tag (e.g. Starter, Pro)
• Billing Cycle Toggle: Show Monthly / Annual switch
Populates from Packages ➔ List.
package_itemsBreakdown of included package items• Item Format: Bullet List or Card Grid
• Show Item Quantity: Display item count included in package
Populates from Package ➔ Items.
package_pricePackage pricing display• Billing Period Label: e.g. /month
• Highlight Popular Plan: Renders Most Popular badge
Package pricing schema.
package_scheduleBooking schedule selector• Select Schedule: Bind to booking calendarPopulates from Orbits ➔ Schedules.