diff --git a/docs/Todo.md b/docs/Todo.md index 9373b63..5a87d91 100644 --- a/docs/Todo.md +++ b/docs/Todo.md @@ -25,7 +25,7 @@ os Requisitos cobrados serĂ£o: - HACK 6. Newsletter. - - HACK 7. fazer o pix. + - HACK 7. fazer o pix.(se ele for um bloco custom adiciona ele na linha 104 do bloco product.jsonc) } diff --git a/react/Example.tsx b/react/Example.tsx index 7d550e5..fe63560 100644 --- a/react/Example.tsx +++ b/react/Example.tsx @@ -1,3 +1,3 @@ import Example from "./components/Example/Example"; -export default Example; \ No newline at end of file +export default Example; diff --git a/react/components/Example/Example.tsx b/react/components/Example/Example.tsx index d195271..7b05f06 100644 --- a/react/components/Example/Example.tsx +++ b/react/components/Example/Example.tsx @@ -2,8 +2,8 @@ import React from 'react' const Example = () => { return ( -
Example
+
Example um
) } -export default Example \ No newline at end of file +export default Example diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index 6ebd4aa..f50c05c 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -80,6 +80,7 @@ }, "product-images": { "props": { + "testid": "product-images", "aspectRatio": { "desktop": "auto", "phone": "auto" @@ -101,7 +102,6 @@ "flex-layout.row#list-price-savings", "flex-layout.row#selling-price", "product-installments", - "product-separator", "product-identifier.product", "sku-selector", "product-quantity", @@ -113,6 +113,20 @@ "share#default" ] }, + "product-installments": { + "props": { + "message": "{installmentsNumber} de {installmentValue} sem juros" + } + }, + + + "product-identifier.product": { + "props": { + "label": "hide", //'default' | 'custom' | 'hide' + "customLabel": "teste", // text if label is custom + "idField": "skuReferenceId" //'itemId' | 'productId' | 'productReference' | 'skuEan' | 'skuReferenceId' + } + }, "flex-layout.row#product-name": { "props": { @@ -124,8 +138,7 @@ "sku-selector": { "props": { "variationsSpacing": 3, - "showValueNameForImageVariation": true, - "name": "Outro Tamanho" + "showValueNameForImageVariation": true } }, diff --git a/styles/css/vtex.product-price.css b/styles/css/vtex.product-price.css index 65c01fc..1f87cfd 100644 --- a/styles/css/vtex.product-price.css +++ b/styles/css/vtex.product-price.css @@ -89,4 +89,22 @@ :global(.vtex-shelf-1-x-slide) .listPrice { text-align: center; margin-bottom: 16px; +} + +.savings, .listPriceValue { + display: none; +} + +.installments { + font-family: "Open Sans", sans-serif; + font-style: normal; + font-size: 16px; + line-height: 22px; + color: #929292; +} +.installments .installmentsNumber, .installments .installmentValue { + font-weight: 700; +} +.installments .installmentsNumber::after { + content: "x"; } \ No newline at end of file diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index 157592a..8505db4 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -66,6 +66,7 @@ border-radius: 24px; } .skuSelectorContainer .diagonalCross { + border: 1px solid #D5D5D5; border-radius: 24px; } diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss index c460e83..e564bb5 100644 --- a/styles/sass/pages/product/vtex.flex-layout.scss +++ b/styles/sass/pages/product/vtex.flex-layout.scss @@ -115,3 +115,4 @@ } } + diff --git a/styles/sass/pages/product/vtex.product-price.scss b/styles/sass/pages/product/vtex.product-price.scss new file mode 100644 index 0000000..bcccabb --- /dev/null +++ b/styles/sass/pages/product/vtex.product-price.scss @@ -0,0 +1,19 @@ +.savings,.listPriceValue{ + display: none; +} +.installments{ + font-family: 'Open Sans',sans-serif; + font-style: normal; + // font-weight: 700; + font-size: 16px; + line-height: 22px; + color: #929292; + .installmentsNumber,.installmentValue{ + font-weight: 700; + } + .installmentsNumber{ + &::after{ + content: "x"; + } + } +} diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index 3aa8e83..ec0afa9 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -70,6 +70,7 @@ } .diagonalCross{ + border: 1px solid #D5D5D5; border-radius: 24px; } }