forked from M3-Academy/challenge-vtex-io
105 lines
2.6 KiB
Plaintext
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"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|