challenge-vtex-io-01/store/blocks/home/home.jsonc

105 lines
2.6 KiB
Plaintext

{
"store.home": {
"blocks": [
"list-context.image-list#demo",
"example-component", /* You can make references to blocks defined in other files.
* For example, `flex-layout.row#deals` is defined in the `deals.json` file. */
"flex-layout.row#deals",
"__fold__",
"rich-text#shelf-title",
"flex-layout.row#shelf",
"info-card#home",
"rich-text#question",
"rich-text#link",
"newsletter"
]
},
"list-context.image-list#demo": {
"children": ["slider-layout#demo-images"],
"props": {
"height": 570,
"preload": true,
"images": [
{
"image": "https://assets.pokemon.com/assets/cms2/img/misc/countries/pt/country_detail_pokemon.png",
"mobileImage": "https://storecomponents.vteximg.com.br/arquivos/Class&Style-mobile.png"
},
{
"image": "https://img.olhardigital.com.br/wp-content/uploads/2019/05/20190507084117.jpg",
"mobileImage": "https://storecomponents.vteximg.com.br/arquivos/banner-decoration-mobile.png"
}
]
}
},
"slider-layout#demo-images": {
"props": {
"itemsPerPage": {
"desktop": 1,
"tablet": 1,
"phone": 1
},
"infinite": true,
"showNavigationArrows": "desktopOnly",
"blockClass": "carousel"
}
},
"rich-text#shelf-title": {
"props": {
"text": "## Summer",
"blockClass": "shelfTitle"
}
},
"flex-layout.row#shelf": {
"children": ["list-context.product-list#demo1"]
},
"list-context.product-list#demo1": {
"blocks": ["product-summary.shelf"],
"children": ["slider-layout#demo-products"],
"props": {
"orderBy": "OrderByTopSaleDESC"
}
},
"slider-layout#demo-products": {
"props": {
"itemsPerPage": {
"desktop": 4,
"tablet": 3,
"phone": 1
},
"infinite": true,
"fullWidth": false,
"blockClass": "shelf"
}
},
"info-card#home": {
"props": {
"id": "info-card-home",
"isFullModeStyle": false,
"textPosition": "left",
"imageUrl": "https://storecomponents.vteximg.com.br/arquivos/banner-infocard2.png",
"headline": "Clearance Sale",
"callToActionText": "DISCOVER",
"callToActionUrl": "/sale/d",
"blockClass": "info-card-home",
"textAlignment": "center"
}
},
"rich-text#question": {
"props": {
"text": "**This is an example store built using the VTEX platform.\nWant to know more?**",
"blockClass": "question"
}
},
"rich-text#link": {
"props": {
"text": "\n**Reach us at**\nwww.vtex.com.br",
"blockClass": "link"
}
}
}