Guides

Show images in Pick and 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

Specific configuration parameters

ParameterDescription
steps.readyToPickup.imagesAllows 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

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",
      	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.lsw.render(params)
</script>
</html>

You will see the following content: