Cart System
Learn how to manage shopping carts with the Campaign Cart JS SDK using HTML attributes.
Package Selector
Pick exactly one package from a set of cards. Covers swap mode (instant cart update on click), select mode (requires a button), inline quantity controls, and backend price slots.
Package Toggle
Independently toggleable add-ons, warranties, and accessories. Supports auto-add on load, quantity sync to main product, single-element mode, and backend price slots.
Quantity
Control quantities on buttons and containers, sync accessory quantities to the main product, and display live quantity counts.
Cart Summary
Reactive price breakdown block. Custom templates, total variables, state CSS classes, line item lists, and full attribute reference tables.
Bundle Selector
Multi-package bundles with atomic cart swaps, variant selectors, per-unit configuration, and bundle vouchers.
State & Initialization
Automatic state sync, CSS state classes, conditional display, cart events, and the forcePackageId parameter.