test_flex_Pattoror Juengmarisakul.js

{
    "line": {
        "type": "flex",
        "altText": "Flex Message",
        "contents": {
            "type": "carousel",
            "contents": [{
                    "type": "bubble",
                    "direction": "ltr",
                    "hero": {
                        "type": "image",
                        "url": "https://scdn.line-apps.com/.../img/fx/01_2_restaurant.png",
                        "align": "end",
                        "gravity": "bottom",
                        "size": "full",
                        "aspectRatio": "20:13",
                        "aspectMode": "cover"
                    },
                    "body": {
                        "type": "box",
                        "layout": "vertical",
                        "spacing": "sm",
                        "contents": [{
                                "type": "text",
                                "text": "SMT1907 Red",
                                "size": "xl",
                                "weight": "bold",
                                "wrap": true
                            },
                            {
                                "type": "box",
                                "layout": "baseline",
                                "contents": [{
                                    "type": "text",
                                    "text": "350 บาท",
                                    "flex": 0,
                                    "size": "xl",
                                    "weight": "bold",
                                    "wrap": true
                                }]
                            }
                        ]
                    },
                    "footer": {
                        "type": "box",
                        "layout": "vertical",
                        "spacing": "sm",
                        "contents": [{
                                "type": "button",
                                "action": {
                                    "type": "uri",
                                    "label": "Add to Cart",
                                    "uri": "https://linecorp.com"
                                },
                                "color": "#5A69BD"
                            },
                            {
                                "type": "button",
                                "action": {
                                    "type": "uri",
                                    "label": "Add to whishlist",
                                    "uri": "https://linecorp.com"
                                }
                            }
                        ]
                    }
                },
                {
                    "type": "bubble",
                    "hero": {
                        "type": "image",
                        "url": "https://scdn.line-apps.com/.../img/fx/01_2_restaurant.png",
                        "size": "full",
                        "aspectRatio": "20:13",
                        "aspectMode": "cover"
                    },
                    "body": {
                        "type": "box",
                        "layout": "vertical",
                        "spacing": "sm",
                        "contents": [{
                                "type": "text",
                                "text": "Metal Desk Lamp",
                                "size": "xl",
                                "weight": "bold",
                                "wrap": true
                            },
                            {
                                "type": "box",
                                "layout": "baseline",
                                "flex": 1,
                                "contents": [{
                                        "type": "text",
                                        "text": "$11",
                                        "flex": 0,
                                        "size": "xl",
                                        "weight": "bold",
                                        "wrap": true
                                    },
                                    {
                                        "type": "text",
                                        "text": ".99",
                                        "flex": 0,
                                        "size": "sm",
                                        "weight": "bold",
                                        "wrap": true
                                    }
                                ]
                            },
                            {
                                "type": "text",
                                "text": "Temporarily out of stock",
                                "flex": 0,
                                "margin": "md",
                                "size": "xxs",
                                "color": "#FF5551",
                                "wrap": true
                            }
                        ]
                    },
                    "footer": {
                        "type": "box",
                        "layout": "vertical",
                        "spacing": "sm",
                        "contents": [{
                                "type": "button",
                                "action": {
                                    "type": "uri",
                                    "label": "Add to Cart",
                                    "uri": "https://linecorp.com"
                                },
                                "flex": 2,
                                "color": "#AAAAAA",
                                "style": "primary"
                            },
                            {
                                "type": "button",
                                "action": {
                                    "type": "uri",
                                    "label": "Add to wish list",
                                    "uri": "https://linecorp.com"
                                }
                            }
                        ]
                    }
                },
                {
                    "type": "bubble",
                    "body": {
                        "type": "box",
                        "layout": "vertical",
                        "spacing": "sm",
                        "contents": [{
                            "type": "button",
                            "action": {
                                "type": "uri",
                                "label": "See more",
                                "uri": "https://linecorp.com"
                            },
                            "flex": 1,
                            "gravity": "center"
                        }]
                    }
                }
            ]
        }
    }
}