Order Summary component

Learn how to use the Order Summary component.

The drb2b_orderSummary component serves two purposes: a) Display Order Summary information on the final Place Order page. b) Handle logic to place the order and navigate the shopper to the Thank You page. The component is always required on the Place Order page but can be used with some or all hidden UI elements.

Publish an event to place an order

Depending on the checkout flow, you may need the order placement triggered by a button outside the connector’s native Place Order button. Refer to the Publish the Order summary component events section below for details.

Publish the Order summary component events

Complete the following tasks to publish various event types. The event purpose and payload will vary depending on the use case.

Import DigitalRiverMessageChannel__c message channel and message service into a custom JavaScript file, as shown below.

Import example
import dr_lms from "@salesforce/messageChannel/digitalriverv3__DigitalRiverMessageChannel__c";

import {publish, MessageContext } from "lightning/messageService";

Declare the message context variable as shown below.

Declare variable example
@wire(MessageContext) messageContext;

Publish the event.

Event publishing example
publish(this.messageContext, dr_lms, { 
                    purpose: '<purpose>',           
                    payload: '<payload>'            
                });

Refer to the following table for more information on the Order summary component events.

Event purpose
Event payload example
Description

toggleShowOSComponent

{"isShow":true}

Publish this event to show {"isShow":true} or hide {"isShow":false} the Order Summary component

placeOrder

n/a

Publish this event to place the order. The shopper will be redirected to the Thank You page

Last updated