Cart page widgets

  • Updated

The Cart page contains widgets to provide additional functionality for your Configured Commerce website.

Common Elements

PromotionCodeForm_SpireWidgets.png

Promotion Code Form

Add the Promotion Code form to the page for customers to add or remove promotions to their cart.

Cart Elements

B2B_CartElements.png

Read more about each of these widgets below.

Cart Actions

Add cart actions to the page for customers to use, such as Save Order and Add All to List.

Full Width Button – Enable this option to make the buttons in the cart actions widget the full width of the widget.

The widget also has options for CheckoutSubmit for QuoteSave Order, and Add All to List actions.

Choose from the following options for each one:

  • Primary Action – Displays the action with primary styling.
  • Secondary Action – Displays the action with secondary styling.
  • Overflow Action – Displays the action in an overflow menu.
  • Not Enabled – Excludes the action from the widget.

Cart Lines

Use this widget to add cart lines to the page. This is where products added by the user display.

Show Line Notes Select whether to show line notes. This setting does not apply to Punchout orders, which never display line notes.

Visible Elements Select what information to display:

  • Image (required)
  • Product title (required)
  • Brand
  • Remove all actions
  • Per unit price
  • Price label
  • Add to list
  • Item count
  • Product number
  • Back to top
  • VMI Bin Details

Custom CSS (under Advanced) – Enter any additional customizations for the cart lines.

Cart Total

Display the cart total on the page.

Include Actions – Choose whether to display Checkout, Submit for Quote, and Save Order actions. 

Fulfillment Method Selector

Add the ability to select a fulfillment method, such as Ship or Pick Up.

Display Style – Choose whether to show the fulfillment method options as a Radio Button or Clickable Boxes

Page Container

Use this widget as an overall container for all cart elements.

Page Header

Add a header to the page.