{ "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" } }, "newsletter": { "props": { "label": "Assine nossa newsletter", "placeholder": "Digite seu e-mail" } } }