A carousel Flex Message designed for fashion and apparel promotions, showing multiple products with hero images, prices, and product-level call-to-actions.
Category: Promotion
Apparel Showcase
Carousel of apparel products with hero images, price, and per-item CTAs. Ideal for fashion promotions.
Preview
JSON template
{
"type": "carousel",
"contents": [
{
"type": "bubble",
"body": {
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "image",
"url": "https://scdn.line-apps.com/n/channel_devcenter/img/flexsnapshot/clip/clip1.jpg",
"size": "full",
"aspectMode": "cover",
"aspectRatio": "2:3",
"gravity": "top"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "Brown's T-shirts",
"size": "xl",
"color": "#ffffff",
"weight": "bold"
}
]
},
{
"type": "box",
"layout": "baseline",
"contents": [
{
"type": "text",
"text": "¥35,800",
"color": "#ebebeb",
"size": "sm",
"flex": 0
},
{
"type": "text",
"text": "¥75,000",
"color": "#ffffffcc",
"decoration": "line-through",
"gravity": "bottom",
"flex": 0,
"size": "sm"
}
],
"spacing": "lg"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "filler"
},
{
"type": "box",
"layout": "baseline",
"contents": [
{
"type": "filler"
},
{
"type": "icon",
"url": "https://scdn.line-apps.com/n/channel_devcenter/img/flexsnapshot/clip/clip14.png"
},
{
"type": "text",
"text": "Add to cart",
"color": "#ffffff",
"flex": 0,
"offsetTop": "-2px"
},
{
"type": "filler"
}
],
"spacing": "sm"
},
{
"type": "filler"
}
],
"borderWidth": "1px",
"cornerRadius": "4px",
"spacing": "sm",
"borderColor": "#ffffff",
"margin": "xxl",
"height": "40px"
}
],
"position": "absolute",
"offsetBottom": "0px",
"offsetStart": "0px",
"offsetEnd": "0px",
"backgroundColor": "#03303Acc",
"paddingAll": "20px",
"paddingTop": "18px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "SALE",
"color": "#ffffff",
"align": "center",
"size": "xs",
"offsetTop": "3px"
}
],
"position": "absolute",
"cornerRadius": "20px",
"offsetTop": "18px",
"backgroundColor": "#ff334b",
"offsetStart": "18px",
"height": "25px",
"width": "53px"
}
],
"paddingAll": "0px"
}
},
{
"type": "bubble",
"body": {
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "image",
"url": "https://scdn.line-apps.com/n/channel_devcenter/img/flexsnapshot/clip/clip2.jpg",
"size": "full",
"aspectMode": "cover",
"aspectRatio": "2:3",
"gravity": "top"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "Cony's T-shirts",
"size": "xl",
"color": "#ffffff",
"weight": "bold"
}
]
},
{
"type": "box",
"layout": "baseline",
"contents": [
{
"type": "text",
"text": "¥35,800",
"color": "#ebebeb",
"size": "sm",
"flex": 0
},
{
"type": "text",
"text": "¥75,000",
"color": "#ffffffcc",
"decoration": "line-through",
"gravity": "bottom",
"flex": 0,
"size": "sm"
}
],
"spacing": "lg"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "filler"
},
{
"type": "box",
"layout": "baseline",
"contents": [
{
"type": "filler"
},
{
"type": "icon",
"url": "https://scdn.line-apps.com/n/channel_devcenter/img/flexsnapshot/clip/clip14.png"
},
{
"type": "text",
"text": "Add to cart",
"color": "#ffffff",
"flex": 0,
"offsetTop": "-2px"
},
{
"type": "filler"
}
],
"spacing": "sm"
},
{
"type": "filler"
}
],
"borderWidth": "1px",
"cornerRadius": "4px",
"spacing": "sm",
"borderColor": "#ffffff",
"margin": "xxl",
"height": "40px"
}
],
"position": "absolute",
"offsetBottom": "0px",
"offsetStart": "0px",
"offsetEnd": "0px",
"backgroundColor": "#9C8E7Ecc",
"paddingAll": "20px",
"paddingTop": "18px"
},
{
"type": "box",
"layout": "vertical",
"contents": [
{
"type": "text",
"text": "SALE",
"color": "#ffffff",
"align": "center",
"size": "xs",
"offsetTop": "3px"
}
],
"position": "absolute",
"cornerRadius": "20px",
"offsetTop": "18px",
"backgroundColor": "#ff334b",
"offsetStart": "18px",
"height": "25px",
"width": "53px"
}
],
"paddingAll": "0px"
}
}
]
}- Seasonal fashion collection launches
- New arrival announcements
- Sale or discount campaigns across multiple items
| Field | How to customize |
|---|---|
contents.contents[n].hero.url | Swap in your product image URL (HTTPS). Use 1:1 aspect ratio. |
contents.contents[n].body.contents[0].text | Bind to a product-name Liquid variable (e.g. {{ recommendation.item_name }}). |
contents.contents[n].footer | Customize the action buttons — swap text and URI to match your shop deep link. |
Attribution
This template is adapted from the official LINE Flex Message Simulator. Review and customize the payload to match your brand and campaign context before sending.