Handsome documentation

Store pages

Cart

The cart page, with order notes, upsells, the free shipping bar and checkout buttons.

Settings

Color scheme

SettingWhat it does
Use the store's default color schemeToggleToggle
Color schemeColour schemeShown only when it applies to the options chosen above.

Layout

SettingWhat it does
Cart page layoutDropdown
Two columnSingle column
Column gapSliderSlider
Order summary widthDropdown
30%35%40%
Reverse layout (summary on left)ToggleToggle
Box cornersDropdown
SquareRounded

Free shipping bar

SettingWhat it does
Show free shipping progress barToggleToggle
Bar positionDropdown
Above cart itemsBelow cart itemsAbove order summary

Product details

SettingWhat it does
Show product vendorToggleToggle

Quantity and removal

SettingWhat it does
Show quantity selectorToggleToggle
Quantity selector styleDropdown
MinimalBoxed

Order note

SettingWhat it does
Show order note fieldToggleToggle

Cart upsells

SettingWhat it does
Show upsellsToggleToggle
Products sourceDropdown
Complementary productsSpecific collectionSame collection as cart items
Shown only when it applies to the options chosen above.
CollectionCollectionCollection

Order summary

SettingWhat it does
Show subtotalToggleToggle
Show total savingsToggleToggle

Shipping calculator

SettingWhat it does
Show shipping calculatorToggleToggle

Checkout button

SettingWhat it does
Show accelerated checkout buttonsToggleToggle

Trust signals

SettingWhat it does
Show free shipping textToggleToggle
Shipping textTextLeave empty to use the theme text, which follows your store language.Shown only when it applies to the options chosen above.
Show returns textToggleToggle
Returns textTextLeave empty to use the theme text, which follows your store language.Shown only when it applies to the options chosen above.
Show secure checkout textToggleToggle
Secure checkout textTextLeave empty to use the theme text, which follows your store language.Shown only when it applies to the options chosen above.
Show payment iconsToggleToggle

Empty state

SettingWhat it does
Show empty cart iconToggleToggle

Spacing

SettingWhat it does
Top paddingSliderSlider
Bottom paddingSliderSlider