LogoLogo
Connectors
Salesforce Lightning B2B Commerce App 1.2
Salesforce Lightning B2B Commerce App 1.2
  • Salesforce Lightning B2B Commerce App 1.2
  • Introduction
    • How it works
    • What's new in version 1.2
  • Upgrading to version 1.2
  • 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: Integrate the Digital River components into the checkout flow
      • Custom components used in the checkout subflows
      • Subflow configuration
        • Starter subflows
        • Configure the shipping address subflow
          • Configure the shipping address screen
        • 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 main checkout flow
      • Add custom components to pages
        • Drag and drop (custom) components
    • Step 18: 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
    • Overriding Digital River CSS
    • Customizing the Lightning web components
      • Designer attributes
      • Components
        • Buyer info component
        • Tax certificate component
        • DR util component
        • DR Terms component
        • Hide checkout summary component
        • Order Summary component
        • Place order component
        • Payment 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
  1. Extend the Salesforce Lightning app
  2. Customizing the Lightning web components

Designer attributes

Understand the purpose of the designer attribute

Component Name
Designer Attribute
Purpose/Description

drb2b_hideCheckout

Hide Checkout Summary

Use this attribute to show or hide the drb2b_checkoutSummary component (when used in the Checkout template). Your options are as follows:

  • {!$GlobalConstant.False} shows the drb2b_checkoutSummary component.

  • {!$GlobalConstant.True} hides the drb2b_checkoutSummary component.

drb2b_addressDetails

Record Id (subflow)

Use this attribute to provide the cartId.

Record Id (Checkout page)

Use this attribute to automatically bind the page's record ID to the component variable.

Show Shipping Address

Use this to hide or show the Shipping Address on the drb2b_addressDetails component. Set the value to {!$GlobalConstant.True} if you want the Shipping address to be shown on thedrb2b_addressDetailscomponent.

Set the value to {!$GlobalConstant.False} if you want the Shipping address to be hidden on thedrb2b_addressDetailcomponent.

drb2b_cartContents

cart Id (subflow)

Use this attribute to provide the cartId.

record Id (Checkout page)

Use this attribute to automatically bind the page's record ID to the component variable.

Effective Account Id (Checkout page)

Use this attribute to automatically bind the current user account ID.

drb2b_checkoutSummary

Record Id (Checkout page)

Use this attribute to automatically bind the page's record ID to the component variable.

Cart Id

Use this attribute to provide the cartId.

Show All

Use this attribute to show or hide all fields in the drb2b_checkoutSummary component.

Show Amount Contributed

Use this attribute to show or hide the Amount Contributed in the drb2b_checkoutSummary component.

Show Duty

Use this attribute to show or hide the Duty in the drb2b_checkoutSummary component.

Show Grand Total

Use this attribute to show or hide the Grand Total in the drb2b_checkoutSummary component.

Show IOR Tax

Use this attribute to show or hide the IOR Tax in the drb2b_checkoutSummary component.

Show Regulatory Fee

Use this attribute to show or hide the Regulatory Fee in the drb2b_checkoutSummary component.

Show Remaining Amount

Use this attribute to show or hide the Remaining Amount in the drb2b_checkoutSummary component.

Show Shipping

Use this attribute to show or hide the Shipping in the drb2b_checkoutSummary component.

Show Sub Total

Use this attribute to show or hide the SubTotal in the drb2b_checkoutSummary component.

Show Tax

Use this attribute to show or hide the Tax in the drb2b_checkoutSummary component.

drb2b_taxIdentifier

Cart Id

Use this attribute to provide the cartId.

Selected Tax Identifier

Use this attribute to preserve selected and newly added tax identifiers.

If validation fails for any reason and the screen is reloaded, this attribute will maintain any selected or newly added tax identifiers.

drb2b_drTermsElement

Cart Id

Use this attribute to provide the cartId.

Bypass Validation

Use this attribute to bypass validation. Your options are as follows:

  • Set this attribute to {!$GlobalConstant.True} if the drb2b_drTermsElement component is not included on the Place order page or to apply a custom validation.

  • Set this attribute to {!$GlobalConstant.False} if the drb2b_drTermsElement component is included on the Place order page or to use the built in validation (default).

Hide Terms UI

Use this attribute is to hide or show the UI of the component. The default value is False.

If you set this to True, the component does not display the terms to the shopper.

drb2b_paymentDetails

cart Id

Use this attribute to provide the cartId.

Record Id (Order Summary Detail and Order Confirmation pages)

Use this attribute to automatically bind the page's record ID to the component variable.

drb2b_orderSummary

Record Id (checkout page)

Use this attribute to automatically bind the page's record ID to the component variable.

Record Id (subflow)

Use this attribute to provide the cartId.

Bypass Validation

Use this attribute to bypass validation. Your options are as follows:

  • {!$GlobalConstant.True} bypasses validation for the drb2b_drTermsElement component (if included on the Place Order page).

  • {!$GlobalConstant.False} does not bypass validation for the drb2b_drTermsElement component (if included on the Place Order page).

If the drb2b_drTermsElement component is not on the same page as the drb2b_orderSummarycomponent, this attribute should be set to {!$GlobalConstant.True}

Show All

Use this attribute to show or hide all fields **** in the drb2b_orderSummary component.

Show Duty

Use this attribute to show or hide the Duty in the drb2b_orderSummary component.

Show IOR Tax

Use this attribute to show or hide the IOR tax in the drb2b_orderSummary component.

Show Grand Total

Use this attribute to hide or show the Grand Total in the drb2b_orderSummary component.

Show Place Order

Use this attribute to hide or show the Place Order in the drb2b_orderSummary component.

Show Regulatory Fee

Use this attribute to hide or show the Regulatory Fee in the drb2b_orderSummary component.

Show Shipping

Use this attribute to hide or show the Shipping in the drb2b_orderSummary component.

Show Subtotal

Use this attribute to hide or show the Subtotal in the drb2b_orderSummary component.

Show Tax

Use this attribute to hide or show the Tax in the drb2b_orderSummary component.

Place Order

Use this to control the executing order placement logic of mutiple components.

If there is more than one drb2b_orderSummary component on the page, set the Place Order attribute to True for one component and set the rest of the order summary components to False.

If there is only one drb2b_orderSummary component on the page, make sure to keep the Place Order attribute set to True (the default value).

drb2b_buyerInfo

Show Shipping Address

Use this to hide or show the Shipping Address on the drb2b_buyerInfo component.

Set the value to {!$GlobalConstant.True} if you want the Ship to address to be shown on thedrb2b_buyerInfo component.

Set the value to {!$GlobalConstant.False} if you want the Ship to address to be hidden on thedrb2b_buyerInfo component.

Cart ID

Use this attribute to provide the cartId.

Enable Tax Certificates

{!$GlobalConstant.False} hides the drb2b_taxCertificateCheckout component.

{!$GlobalConstant.True} shows the drb2b_taxCertificateCheckout component.

drb2b_payments

Enable override payments.

Set this value to False to have the drb2b_payments component load automatically upon page load. This is the default value.

Use this attribute to provide options for Drop-in flexibility an compatibility. Provide data for this attribute in JSON format. For example: {"options.button.type": custom,"options.button.buttonText":'test',"test":"test3"}

Record Id

Use this attribute to provide the cartId.

Disable Saved Payments

Use this attribute to show or hide the Saved Payments tab.

Set this attribute to False to display Saved Payment options. This is the default value.

When this is set to True, the Saved Payments tab is hidden and the shopper is not be able to save payment methods for future use.

Note: Do not enable this attribute if Subscription products are used.

Fire Zero Dollar Event

Use this attribute to control how zero-dollar orders are handled. When you set this attribute to False (the default value) and the order total is zero dollars with no subscription products in the cart, you can have the connector redirect the user to the next page without requiring a payment source.

If you have set it to True, and the above criteria is matched, the component publishes a custom event which can be subscribed to by a custom component as desired.

Additionally, the drb2b_dropIn component will be hidden when the event is published. The user will not be redirected to the next page in the flow when this event is fired. By subscribing to this event, you can perform custom logic.

drb2b_drCompliance

Record ID (All Checkout pages)

Use this attribute to bind the page's record ID to the component variable.

Object Name (All Checkout pages)

Use this attribute to bind the page's object name to the component variable.

drb2b_delayedPaymentInstructions

Record Id (Order Confirmation page)

Use this attribute to bind the page's record ID to the component variable.

drb2b_productDetail

Record Id (Order Confirmation page)

Use this attribute to bind the page's record ID to the component variable.

drb2b_VatCreditMemo

Record Id (Order Summary Detail page)

Use this attribute to bind the page's record ID to the component variable.

Type (Order Summary Detail page)

Use this attribute to render an invoice or credit memo based on the following Type values:

  • Invoices

  • Credit memos

drb2b_myWallet

Drop-in Config (My Account page)

Use this attribute to provide options for Drop-in flexibility and compatibility

Provide data for this attribute in JSON format. For example: {"options.button.type": custom,"options.button.buttonText":'test',"test":"test3"}

PreviousCustomizing the Lightning web componentsNextComponents

Last updated 2 years ago

Note: If you call your custom client custom validation from the Place Order page, it is recommended that you hide the Place Order button(s) included in the Order Summary component and instead display a custom button. After performing the custom validation, you should to call the place order logic.

Additionally, an event is published with the Terms string. You can to make use of the terms the shopper agrees to or you can create a custom validation.

Use this attribute to enable or disable the component. Your options are as follows:

If this value is set to True, the component will not load automatically on page load. This means you must to specify which payment methods should be loaded.

See for a full list of options.

drb2b_taxCertificateCheckout
Drop-in Config
Drop-in config
fire an event
fire an event
subscribe to this event