Trilhaestudo

react/yarn.lock

@@ -0,0 +1,4 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+

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"],

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"
+    }
+  }
+
+}

store/blocks/home/home.jsonc

@@ -1,20 +1,45 @@
 {
   "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",
       "newsletter"
     ]
   },
 
+
+
+
+  "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": {

store/interfaces.json

@@ -0,0 +1,9 @@
+{
+  "modalfink": {
+    "component": "Form"
+  },
+
+  "fb_like": {
+    "component": "Like"
+  }
+}