You can change the default "Icon" used in payment methods by setting the "icon" parameter in each payment method.
The "Icon" configuration are being set in the "payments" attribute of the configuration object.
Specific configuration parameters
Parameter | Description |
---|---|
payments.cash.icon | String which will be used as display the icon during the Cash payment method, you should put a url as the parameter value (optional) |
payments.terminal.icon | String which will be used as display the icon during the Terminal payment method, you should put a url as the parameter value (optional) |
payments.prepaid.icon | String which will be used as display the icon during the Prepaid payment method, you should put a url as the parameter value (optional) |
payments.loyaltyCard.icon | String which will be used as display the icon during the Loyalty Card payment method, you should put a url as the parameter value (optional) |
payments.link.icon | String which will be used as display the icon during the Link payment method, you should put a url as the parameter value (optional) |
payments.transfer.icon | String which will be used as display the icon during the Transfer payment method, you should put a url as the parameter value (optional) |
Usage Example
Consider the following example:
<!DOCTYPE html>
<head>
<title>LSW v3 Embed</title>
</head>
<body>
<div id="instaleap-lsw-v3"></div>
</body>
<script src="https://xandar-lsw-v3.instaleap.io/lib/lsw.js"></script>
<script>
const params = {
job: "myJob",
token: "myToken",
container: "#instaleap-lsw-v3",
payments: {
cash: {
icon: "https://cdn-icons-png.flaticon.com/512/8977/8977814.png",
},
terminal: {
icon: "https://cdn-icons-png.flaticon.com/512/8977/8977814.png",
},
prepaid: {
icon: "https://cdn-icons-png.flaticon.com/512/8977/8977814.png",
},
loyaltyCard: {
icon: "https://cdn-icons-png.flaticon.com/512/8977/8977814.png",
},
link: {
icon: "https://cdn-icons-png.flaticon.com/512/8977/8977814.png",
},
transfer: {
icon: "https://cdn-icons-png.flaticon.com/512/8977/8977814.png",
},
}
}
window.instaleap.lsw.render(params)
</script>
</html>
You will see the following content: