LogoLogo
Partner Integrations
Salesforce Lightning B2B Commerce App 2.0
Salesforce Lightning B2B Commerce App 2.0
  • Salesforce Lightning B2B Commerce App 2.0
  • Introduction
    • How it works
    • What's new in version 2.0
  • Upgrading to version 2.0
  • 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 Commerce storefront
      • Integrate the Digital River components into the B2B Commerce LWR template
        • Add components to the Checkout page
        • Add custom components outside of checkout
      • 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
      • 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
      • Add custom components to pages (Aura)
        • Drag and drop (custom) components
    • Step 18: Test the Salesforce Lightning app integration
    • Step 19: Consider recommended extensions
  • Extend the Salesforce Lightning app
    • Customizing the Lightning web components
      • Designer attributes
        • Designer attributes for LWR
        • Designer attributes for Aura
      • Components
        • Buyer info component
        • DR util component
        • DR Terms component
        • Checkout summary component
        • Order Summary component
        • Place order component
        • Payments component
        • Payment details component
        • Tax identifier component
        • DR compliance component
        • Address details component
        • Offline refund component
        • Hide checkout summary component (Aura only)
    • 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
    • Mapping custom fields (LWR only)
    • Add a spinner component (LWR only)
  • User guide
    • Regulatory fees
    • Tax certificates
    • Tax identifiers
    • My wallet
    • Customer credit
    • Checkout and order creation
    • Fulfillment/cancellation flow
    • Refunds
    • Offline refunds
    • Invoices and credit memos
  • Support
  • Appendix
    • Custom fields and objects
    • Contact point address
    • Multi-currency support
Powered by GitBook
On this page
  • drb2b_hideCheckout
  • drb2b_addressDetails
  • drb2b_cartContents
  • drb2b_checkoutSummary
  • drb2b_TaxIdentifier
  • drb2b_drTermsElement
  • drb2b_paymentDetails
  • drb2b_orderSummary
  • drb2b_buyerInfo
  • drb2b_payments
  • drb2b_drCompliance
  • drb2b_delayedPaymentInstructions
  • drb2b_productDetail
  • drb2b_VatCreditMemo
  • drb2b_myWallet
  • drb2b_placeOrder
  • drb2b_OfflineRefund
  1. Extend the Salesforce Lightning app
  2. Customizing the Lightning web components
  3. Designer attributes

Designer attributes for Aura

Learn about designer attributes that can be used by components on Aura template pages.

PreviousDesigner attributes for LWRNextComponents

Last updated 1 year ago

Note: There is a known Salesforce bug related to setting default values on designer attributes. You can work around this by making sure to click through all designer attributes and Save whenever you add a new component to a screen. You may also be required to do this when upgrading to a new connector version.

The information that follows provides details on using designer attributes with Aura template pages. To look at the attributes for a specific component, click on the component name in this list.

drb2b_hideCheckout

This component has the following attributes:

  • Hide Checkout Summary - Use this attribute to show or hide the drb2b_checkoutSummary component (when used in the Checkout template). Use {!$GlobalConstant.False} to show the component or use{!$GlobalConstant.True}to hide it.

drb2b_addressDetails

This component has the following attributes:

  • 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 component. Use {!$GlobalConstant.True} to show the Shipping Address on the component or use{!$GlobalConstant.False}to hide it.

drb2b_cartContents

This component has the following attributes:

  • 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

This component has the following attributes:

  • 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 on the drb2b_checkoutSummary component. Use {!$GlobalConstant.True} to show the fields on the component or{!$GlobalConstant.False}to hide them.

  • Show Amount Contributed - Use this attribute to show ozr hide the Amount Contributed on the drb2b_checkoutSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

  • Show Duty - Use this attribute to show or hide the Duty on the drb2b_checkoutSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

  • Show Grand Total - Use this attribute to show or hide the Grand Total on the drb2b_checkoutSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

  • Show IOR Tax - Use this attribute to show or hide the IOR Tax in the drb2b_checkoutSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

  • Show Regulatory Fee - Use this attribute to show or hide the IOR Tax in the drb2b_checkoutSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

  • Show Remaining Amount - Use this attribute to show or hide the Remaining Amount on the drb2b_checkoutSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

  • Show Shipping - Use this attribute to show or hide the Shipping amount on the drb2b_checkoutSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

  • Show Sub Total - Use this attribute to show or hide theorder Sub Total in the drb2b_checkoutSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

  • Show Tax - Use this attribute to show or hide the Tax in the drb2b_checkoutSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

  • Show Promotion - Use this attribute to show or hide a Promotion in the drb2b_checkoutSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

drb2b_TaxIdentifier

This component has the following attributes:

  • 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 maintains any selected or newly added tax identifiers.

  • Auto Initialize - Use this attribute to determine whether the component initializes on page load. Set this attribute to {!$GlobalConstant.True} to have the component initialize on page load (default) or set to {!$GlobalConstant.False} if the component should not initialize on page load.

drb2b_drTermsElement

This component has the following attributes:

  • Cart Id - Use this attribute to provide the cartId.

  • Bypass Validation - Use this attribute to bypass validation. Set this attribute to {!$GlobalConstant.True} if the component is not to be included on the Place order page or to apply a custom validation. Set this attribute to {!$GlobalConstant.False} if the component is included on the Place order page or to use the built in validation (default).

  • Auto Initialize - Use this attribute to determine whether the component initializes on page load. Set this attribute to {!$GlobalConstant.True} to have the component initialize on page load (default) or set to {!$GlobalConstant.False} if the component should not initialize on page load.

drb2b_paymentDetails

This component has the following attributes:

  • Cart Id - Use this attribute to provide the cartId.

  • Auto Initialize - Use this attribute to determine whether the component initializes on page load. Set this attribute to {!$GlobalConstant.True} to have the component initialize on page load (default) or set to {!$GlobalConstant.False} if the component should not initialize on page load.

  • 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

This component has the following attributes:

  • 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.

  • Auto Initialize - Use this attribute to determine whether the component initializes on page load. Set this attribute to {!$GlobalConstant.True} to have the component initialize on page load (default) or set to {!$GlobalConstant.False} if the component should not initialize on page load.

  • Bypass Validation - Use this attribute to bypass validation. Set this attribute to {!$GlobalConstant.True} if the drb2b_drTermsElement component is not to be 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).

    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 on the drb2_orderSummary component. Use {!$GlobalConstant.True} to show the fields on the component or{!$GlobalConstant.False}to hide them.

  • Show Duty - Use this attribute to show or hide the Duty on the drb2_orderSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

  • Show IOR Tax - Use this attribute to show or hide the IOR Tax in the drb2_orderSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

  • Show Grand Total - Use this attribute to show or hide the Grand Total on the drb2_orderSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

  • Show Place Order - Use this attribute to show or hide Place Order on the drb2_orderSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

  • Show Regulatory Fee - Use this attribute to show or hide the IOR Tax in the drb2_orderSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

  • Show Shipping - Use this attribute to show or hide the Shipping amount on the drb2_orderSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

  • Show Sub Total - Use this attribute to show or hide theorder Sub Total in the drb2_orderSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

  • Show Tax - Use this attribute to show or hide the Tax in the drb2_orderSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

  • 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).

  • Show Promotion - Use this attribute to show or hide a Promotion in the drb2_orderSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

drb2b_buyerInfo

This component has the following attributes:

  • Show Shipping - Use this attribute to show or hide the Shipping amount on the drb2_orderSummary component. Use {!$GlobalConstant.True} to show the value on the component or use{!$GlobalConstant.False}to hide it.

  • Cart Id - Use this attribute to provide the cartId.

  • Enable Tax Certificates - Use this attribute to enable or disable the drb2b_taxCertificateCheckout component. Use {!$GlobalConstant.True} to show the component or use{!$GlobalConstant.False}to hide it.

drb2b_payments

This component has the following attributes:

  • Is Synchronous Checkout - Use this attribute to indicate whether the component is being used in the synchronous checkout. Set this attribute to {!$GlobalConstant.True} if the component is being used in the synchronous checkout flow or set it to {!$GlobalConstant.False} (default value) if the component is not being used in the synchronous checkout flow (meaning it is being used in the asynchronous checkout flow).

  • 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 (default). Set this to True if you want 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 set 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 set 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

This component has the following attributes:

  • 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

This component has the following attributes:

  • Record ID (Order confirmation page) - Use this attribute to bind the page's record ID to the component variable.

drb2b_productDetail

This component has the following attributes:

  • Record ID (Order confirmation page) - Use this attribute to bind the page's record ID to the component variable.

drb2b_VatCreditMemo

This component has the following attributes:

  • 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

This component has the following attributes:

  • Drop-in Config (My Account page) - Use this attribute to provide options for Drop-in flexibility and compatibility. You provide data for this attribute in JSON format. For example: {"options.button.type": custom,"options.button.buttonText":'test',"test":"test3"}

drb2b_placeOrder

This component has the following attributes:

  • Use this attribute to indicate whether to display the place order button. Set this attribute to {!$GlobalConstant.True} to show the place order button (default) or set this attribute to {!$GlobalConstant.False}hide it.

  • Is Synchronous Checkout - Use this attribute to indicate whether the component is being used in the synchronous checkout. Set this attribute to {!$GlobalConstant.True} if the component is being used in the synchronous checkout flow or set to {!$GlobalConstant.False} (default value) if the component is not being used in the synchronous checkout flow (meaning it is being used in the asynchronous checkout flow).

drb2b_OfflineRefund

This component has the following attributes:

  • Summary ID (Order summary detail page) - Use this attribute to bind the page's record ID to the component variable.

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.

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. 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.

Enable Override Payments - Set this value to False to have the drb2b_paymentscomponent load automatically upon page load. This is the default value. 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.

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

Drop-in Config
Drop-in config
drb2b_hideCheckout
drb2b_addressDetails
drb2b_cartContents
drb2b_checkoutSummary
drb2b_taxIdentifier
drb2b_drTermsElement
drb2b_paymentDetails
drb2b_orderSummary
drb2b_buyerInfo
drb2b_payments
drb2b_drCompliance
drb2b_delayedPaymentInstructions
drb2b_productDetail
drb2b_VatCreditMemo
drb2b_myWallet
drb2b_placeOrder
drb2b_OfflineRefund
fire an event
subscribe to this event
fire an event