diff --git a/react/yarn.lock b/react/yarn.lock new file mode 100644 index 00000000..fb57ccd1 --- /dev/null +++ b/react/yarn.lock @@ -0,0 +1,4 @@ +# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. +# yarn lockfile v1 + + diff --git a/store/blocks/header/header.jsonc b/store/blocks/header/header.jsonc index 7a7a1254..38b1ab8c 100644 --- a/store/blocks/header/header.jsonc +++ b/store/blocks/header/header.jsonc @@ -13,6 +13,9 @@ "sticky-layout#4-desktop" ] }, +"header-row#1-desktop": { + "children": ["minicart.v2"] + }, "flex-layout.row#1-desktop": { "children": ["telemarketing"], diff --git a/store/blocks/home/ecristovao.jsonc b/store/blocks/home/ecristovao.jsonc new file mode 100644 index 00000000..f7980848 --- /dev/null +++ b/store/blocks/home/ecristovao.jsonc @@ -0,0 +1,123 @@ +{ + + "flex-layout.row#exercicio-ecristovao": { + "title": "Título Vtex IO", + "props": { + "blockClass": "exercicio-ecristovao", + "fullWidth": "true" + }, + "children": [ + "flex-layout.col#exercicio-ecristovao" + ] + }, + "flex-layout.col#exercicio-ecristovao": { + "children": [ + "rich-text#titulo", + "slider-layout#slider-ecristovao", + "list-context.product-list#demo2" + //"modal-trigger" + ] + }, + + + +"modal-trigger": { + "props": { + "trigger": "load" + }, + "children": [ + "modal-layout" + ] + }, + "modal-layout": { + "children": [ + "modal-header", + "modal-content" + ] + }, + "modal-header": { + "props": { + "showCloseButton": true, + "iconCloseSize": 30 + } + }, + "modal-content": { + "children": [ + "modalfink" + ] + }, + + + +//Título + "rich-text#titulo": { + "title": "Título Trilha", + "props": { + "text": "## **_Rich Text Trilha IO_**", + "textAlignment": "CENTER", + "textPosition": "CENTER" + } + }, +//Slider de imagens + "slider-layout#slider-ecristovao": { + "title": "Imagens Trilha", + "props": { + "itemsPerPage": { + "desktop": 1, + "tablet": 1, + "phone": 1 + }, + "infinite": true, + "showNavigationArrows": "desktopOnly", + "blockClass": "carousel" + }, + "children": ["list-context.image-list#ecristovao-list-img"] + }, + + "list-context.image-list#ecristovao-list-img": { + "children": ["slider-layout#ecristovao-images"], + "props": { + "height": 400, + "images": [ + { + "image": "https://i.pinimg.com/originals/d0/1c/79/d01c7974bcdd61091068bc2f8019769f.jpg", + "mobileImage": "https://estado.rs.gov.br/upload/recortes/201707/19033218_1119075_GD.jpg" + } + ] + } + }, +//Lista de produtos + "slider-layout#ecristovao-images": { + "props": { + "itemsPerPage": { + "desktop": 1, + "tablet": 1, + "phone": 1 + }, + "infinite": true, + "showNavigationArrows": "desktopOnly", + "blockClass": "carousel" + } + }, + + +"product-summary.shelf#demo2": { + "children": [ + "stack-layout#prodsum", + "product-summary-name", + "product-rating-inline", + "product-summary-space", + "product-summary-price", + "product-summary-buy-button" + ] + }, + "list-context.product-list#demo2": { + "blocks": ["product-summary.shelf"], + "children": ["slider-layout#demo-products"], + "props": { + "orderBy": "OrderByTopSaleDESC", + "collection": "150" + } + } + +} \ No newline at end of file diff --git a/store/blocks/home/home.jsonc b/store/blocks/home/home.jsonc index 0e7cfad4..0ecd97cf 100644 --- a/store/blocks/home/home.jsonc +++ b/store/blocks/home/home.jsonc @@ -1,13 +1,16 @@ { "store.home": { "blocks": [ + //"image#name", + //"rich-text#name", "list-context.image-list#demo", + "flex-layout.row#exercicio-ecristovao", /* You can make references to blocks defined in other files. * For example, `flex-layout.row#deals` is defined in the `deals.json` file. */ "__fold__.experimentalLazyAssets", "flex-layout.row#deals", "rich-text#shelf-title", - "flex-layout.row#shelf", + //"flex-layout.row#shelf", "info-card#home", "rich-text#question", "rich-text#link", @@ -15,6 +18,28 @@ ] }, + + + + "rich-text#name": { + "props": { + "blockClass": ["name"], + "font": "t-body", + "text": "Olá Mundo VTEX /n teste", + "textAlignment": "CENTER", + "textColor": "c-on-base", + "textPosition": "CENTER" + } + }, + + "image#name": { + "props": { + "blockClass": ["name"], + // "maxHeight": 124, + "src": "https://storecomponents.vteximg.com.br/arquivos/banner-principal.png" + } + }, + "list-context.image-list#demo": { "children": ["slider-layout#demo-images"], "props": { diff --git a/store/interfaces.json b/store/interfaces.json new file mode 100644 index 00000000..8ebc27af --- /dev/null +++ b/store/interfaces.json @@ -0,0 +1,9 @@ +{ + "modalfink": { + "component": "Form" + }, + + "fb_like": { + "component": "Like" + } +} \ No newline at end of file