Guides

Custom payments method Icons

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

ParameterDescription
payments.cash.iconString 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.iconString 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.iconString 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.iconString 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.iconString 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.iconString 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:

Cash

Terminal

Prepaid

Loyalty Card

Link

Transfer