Product Card (Anypoint)

This component has the same intended purpose as the Product Card, however this component takes an AnyPoint External ID as its input. In general, we recommend use of the Drop-In Storefront, though this component may be used for specialized use-cases.

1. Component Properties

The properties are displayed based on the result of the External ID search. If the query returns only one element, only a Product Card will be shown (Figure 1). If more than one element is returned, a Products Card Carousel is displayed (Figure 2). Look at the corresponding component blueprint to identify how the properties are displayed in the Product Card (Anypoint). Use the following properties to customize the component display:

1. Record Id. This field returns the current Salesforce Object ID, it's used to search for the Revenium Products by External ID.

2. Organization. The Product's search will be done in the organization selected in this combobox.

3. Product Icon. Use this property to select an icon uploaded to Salesforce CMS and display it in the designed space.

4. Product Description Template. Use this property to configure the Product Description shown in the designed space. You can access to the selected Product properties using the syntax $propertyName. For example, the string $baseCost per $transactionType will result in $100.00 per subscription.

5. Product Description CMS Content. You can use this property to display News content created in Salesforce CMS, check the official Salesforce docs for more information.

6. Show Buttons. Check this property if you want to show the Product Details Button.

7. Card Margin. Controls the space between the card border and the content.

8. Card Height. Controls the card height.

9. Description Align. Controls the Product Description text align.

10. Description Text Size. Controls the Product Description text size.

11. Button Variant. Controls the Product Details Button style, based on the Lightning Design System directives (Only has effect if the Show Buttons property is checked).

12. Button Label. Label shown in the Product Details Button (Only has effect if the Show Buttons property is checked).

13. Button Align. Controls the Product Details Button alignment.

Figure 1. Single Product Card (Anypoint) Blueprint.

Figure 2. More than one Product Card (Anypoint) Blueprint.