LogoLogo
Partner Integrations
Salesforce Lightning B2B Commerce App 1.5
Salesforce Lightning B2B Commerce App 1.5
  • Salesforce Lightning B2B Commerce App 1.5
  • Introduction
    • How it works
    • What's new in version 1.5
  • Upgrading to version 1.5
  • Integrate the Salesforce Lightning app
    • Step 1: Install the Digital River app
    • Step 2: Configure the Digital River app
    • Step 3: Register external services
    • Step 4: Configure DCM logs
    • Step 5: Add custom fields to the page layouts
    • Step 6: Enable email deliverability
    • Step 7: Import ECCN codes, tax groups, and tax types
    • Step 8: Configure and synchronize the products
    • Step 9: Schedule backend jobs
    • Step 10: Set up integration between Salesforce and Digital River
    • Step 11: Set up webhooks
    • Step 12: Configure landed cost
    • Step 13: Manage permission sets
    • Step 14: Configure shipping integration
    • Step 15: Integrating refunds
    • Step 16: Configure the From email address
    • Step 17 (alternative): Integrate the Digital River components into an asynchronous checkout flow
      • Custom components used in the checkout subflows
      • Subflow configuration
        • Configure the delivery method subflow
        • Configure the Checkout Summary subflow
        • Configure the Payment and Billing Address subflow
          • Edit the Payment Method screen
          • Edit the decision elements
          • Link screen components
        • Configure the shipping address subflow
          • Configure the shipping address screen
      • Configure the main checkout flow
    • Step 18 (alternative): Integrate the Digital River components into a synchronous checkout flow
      • Deploy flows using Salesforce Workbench
      • Update the flow nodes in the synchronous checkout flow
        • Create custom variables
        • Delete nodes
        • Connect nodes
        • Modify nodes
        • Add nodes
      • Configure screens for a customized synchronous flow
        • Add custom components to screens in the synchronous checkout flow
        • Configure the Shipping Options screen
        • Configure the Delivery Method Screen
        • Configure the Checkout Summary screen
        • Configure the Payment And Billing Address screen
        • Configure the Place Order Confirmation screen
    • Step 19: Add custom components to pages
      • Drag and drop (custom) components
    • Step 20: Test the Salesforce Lightning app integration
  • Extend the Salesforce Lightning app
    • Extend the Ship From address
    • Extend the webhook framework
    • Configure subscriptions
    • Shipping choice extension point
    • Customer credit
      • addCustomerCreditSourceToCheckout
      • deattachPaymentToCheckout
      • getAmountRemainingforCheckout
      • getCartDetailsById
      • Publishing connector events
    • Tax calculation
    • Overriding Digital River CSS
    • Customizing the Lightning web components
      • Designer attributes
      • Components
        • Buyer info component
        • Tax certificate component
        • DR util component
        • DR Terms component
        • Checkout summary component
        • Hide checkout summary component
        • Order Summary component
        • Place order component
        • Payments component
        • Payment details component
        • Tax identifier component
        • DR compliance component
        • Address details component
  • User guide
    • Regulatory fees
    • Tax certificates
    • Tax identifiers
    • My wallet
    • Customer credit
    • Checkout and order creation
    • Fulfillment/cancellation flow
    • Refunds
    • Invoices and credit memos
  • Support
  • Appendix
    • Custom fields and objects
    • Contact point address
    • Multi-currency support
Powered by GitBook
On this page
  • Publish the Checkout summary component events
  • Replace the Checkout Summary component
  1. Extend the Salesforce Lightning app
  2. Customizing the Lightning web components
  3. Components

Checkout summary component

Learn how to use the Checkout summary component

Use the drb2b_checkouSummary component to display the detailed amounts on the cart to the shopper. You can configure this component in the experience builder or flow.

You can publish an event to reload the checkout summary component. Depending on your flow, it may be required to reload the component by using an event.

Publish the Checkout 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 Checkout summary component events.

Event purpose
Event payload example
Description

reloadCheckoutSummary

{"isShow":true}

Publish this event to show {"isShow":true} or hide {"isShow":false} the Payment details component.

Replace the Checkout Summary component

If you want to replace your drb2b_checkoutSummary component rather than customizing the provided component, consider the following suggestions.

Use the Checkout Summary component to query data from the WebCart object. The fields in the component use and display information such as taxes, fees, total, etc. The following table describes the fields used by the provided component.

WebCart field
UI Label
Designer attributes

DR_Total_IOR_Tax__c

IOR tax

Show IOR tax

GrandTotalAmount - DR_Total_Fees__c

- DR_Total_IOR_Tax__c

-DR_Total_Duty__c

Subtotal

N/A

TotalTaxAmount

Tax

Show Tax

GrandTotalAmount

Grand Total

N/A

TotalChargeAmount

Shipping

Show Shipping

DR_Total_Fees__c

Fee

Show Regulatory Fee

DR_Total_Duty__c

Duty

Show Duty

Use the component to listen to theCALCULATE_TAX event. The firing of this event can be used to indicate that tax has been recalculated. On receiving this event, use the component to refresh its display with the latest data from the WebCart object.

You can query the following fields avaiable from the DR_Regulatory_Fee__c object:

  • Fee_Type__c

  • Name

  • Amount__c

  • Cart_Item_Id__c

PreviousDR Terms componentNextHide checkout summary component

Last updated 2 years ago

If you use regulatory fees in your application, you can make an additional query to the object to get individual fee information and display it in your UI.

DR_regulatory_fee__c