docs/Todo.md

@@ -11,13 +11,13 @@ os Requisitos cobrados serão:
 
 - HACK Layout deve ser desenvolvido na seguinte pagina de produto (PDP): https://agenciamagma.myvtex.com/sandalia-azul-spike-amarracao/p
 
-- FIXME [Blocos que devem ser ajustado e desenvolvidos](dados_do_produto_e_de_compra-ao_lado_das_imagens){
+- FIXME [Blocos que devem ser ajustado e desenvolvidos](tabLayout_com_descrição_até_troca_e_devolução_e_seu_conteúdo){
 
       - [x]  1. BreadCrumb; {cm:2023-01-31}
 
       - [x]  2. todo o bloco de imagens do produto, {cm:2023-01-31}
 
-      - HACK 3. dados_do_produto_e_de_compra-ao_lado_das_imagens
+      - HACK 3. dados_do_produto_e_de_compra-ao_lado_das_imagens {cm:2023-02-03}
 
       - HACK 4. tabLayout com descrição até troca e devolução e seu conteúdo,
 
@@ -27,6 +27,8 @@ os Requisitos cobrados serão:
       
       - HACK 7. fazer o pix.(se ele for um bloco custom adiciona ele na linha 104 do bloco product.jsonc)
 
+      - HACK 8.Fazer o cep
+
       - FIXME COLOCAR OS TESTESID!!!!!
 
 }

store/blocks/pdp/product.jsonc

@@ -2,7 +2,8 @@
   "store.product": {
     "children": ["html#example-component",
                   "html#breadcrumb",
-                  "condition-layout.product#availability"
+                  "condition-layout.product#availability",
+                  "html#departaments"
                   ]
   },
   "html#breadcrumb": {
@@ -21,6 +22,7 @@
     },
     "children": ["example-component"]
   },
+
   "flex-layout.row#specifications-title": {
     "children": ["rich-text#specifications"]
   },
@@ -78,6 +80,23 @@
     }
   },
 
+  "html#departaments": {
+    "props": {
+      "tag": "div",
+      "testId": "description",
+      "blockClass": "pdp-section_descriptions"
+    },
+    "children": ["example-component","html#description"]
+  },
+  "html#description": {
+    "props": {
+      "tag": "div",
+      "testId": "description",
+      "blockClass": "pdp-section_descriptions"
+    },
+    "children": ["product-images#description","flex-layout.row#description"]
+  },
+
   "flex-layout.col#stack": {
     "children": ["stack-layout"],
     "props": {
@@ -102,6 +121,19 @@
       "thumbnailsOrientation": "horizontal"
     }
   },
+  "product-images#description": {
+    "props": {
+      "testid": "product-images",
+      "aspectRatio": {
+        "desktop": "auto",
+        "phone": "auto"
+      },
+      "showNavigationArrows": false,
+      "showPaginationDots": false,
+      "displayThumbnailsArrows": false,
+      "thumbnailsOrientation": "horizontal"
+    }
+  },
   "flex-layout.col#right-col": {
     "props": {
       "preventVerticalStretch": true,