Show images in Pick & collect
You can display images to let the user know where to pick up his order, by using this parameter, a carousel of images will be displayed. To make it work you must pass an array of images
Implementation
Available parameters
| Parameter | Description |
|---|---|
| steps.readyToPickup.images | Allows you to display a carousel of images in the pick and collect model. The value for this parameter is the urls of the images separated by commas. Example: https://cdn-icons-png.flaticon.com/512/9986/9986747.png, https://cdn-icons-png.flaticon.com/512/9986/9986532.png |
Code
<!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/status.js"></script>
<script>
const params = {
job: "myJob",
token: "myToken",
container: "#instaleap-lsw-v3",
steps: {
readyToPickup: {
images: ["https://cdn-icons-png.flaticon.com/512/805/805385.png","https://cdn-icons-png.flaticon.com/512/9986/9986532.png"]
},
}
}
window.instaleap.status.render(params)
</script>
</html>
https://xandar-lsw-v3.instaleap.io/status?job=myJob&token=myToken&stepReadyToPickupImages=url,url
Demo
NOTE: Please do not modify the Demo, this is a visual aid.
Updated 3 months ago