Advanced Configuration

Attribute List

Price Observers

Assign a value to data-amount-selector to watch for text content changes on a given element; the
component will automatically update with the newly calculated price.

Boolean Attributes

data-show-lower-limit

<afterpay-placement
    data-amount="2000"
    data-locale="en_GB"
    data-currency="GBP"
    data-show-lower-limit="false">
</afterpay-placement>

📘

Set Messaging for unavailable items

Product Page
Add the attribute data-is-eligible to the <afterpay-placement> tag and assign its value to false.

HTML

<afterpay-placement
	data-is-eligible="false"
	data-locale="en_GB"
	data-currency="GBP"
	data-amount="120.00">
</afterpay-placement>

Cart Page
Add the attribute data-cart-is-eligible to the <afterpay-placement> tag and assign its value to false.

HTML

<afterpay-placement
	data-cart-is-eligible="false"
	data-locale="en_GB"
	data-currency="GBP"
	data-amount="120.00">
</afterpay-placement>

To return the component back to its standard messaging, either assign data-is-eligible/data-cart-is-eligible to 'true', or remove the attribute from the web component.

Customize Text

Documentation on dynamically creating Afterpay Placements can be found below:
Dynamic Placements