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;
}
}