SabrinaMiranda/challenge-vtex-io-sabrina-miranda
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: cria e estiliza o bloco product-installments#m3

Browse Source
This commit is contained in:
Sabrina Miranda 2023-01-31 22:24:18 -03:00
parent af3a27ec2a
commit aa056c6a4e
3 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
store/blocks/pdp/product.jsonc
View File

@ -110,7 +110,7 @@
"product-identifier.product", "product-identifier.product",
"product-rating-summary", "product-rating-summary",
"flex-layout.row#selling-price", "flex-layout.row#selling-price",
"product-installments", "product-installments#m3",
"sku-selector", "sku-selector",
"product-quantity", "product-quantity",
"product-assembly-options", "product-assembly-options",
@ -122,6 +122,15 @@
] ]
}, },
"product-installments#m3": {
"props": {
"markers": ["highlight"],
"blockClass": "m3-custom-installments",
"message": "<highlight>{installmentsNumber} x</highlight> de <highlight>{installmentValue}</highlight> sem juros",
"installmentsCriteria": "max-quantity-without-interest"
}
},
"flex-layout.row#product-name": { "flex-layout.row#product-name": {
"props": { "props": {
"marginBottom": 3 "marginBottom": 3

7
styles/css/vtex.product-price.css
View File

@ -14,9 +14,12 @@
color: #000000; color: #000000;
} }
.installments { .installments--m3-custom-installments {
font-weight: 700;
font-size: 16px; font-size: 16px;
line-height: 22px; line-height: 22px;
color: #929292; color: #929292;
}
.installments-highlight--m3-custom-installments {
font-weight: 700;
} }

7
styles/sass/pages/product/vtex.product-price.scss
View File

@ -5,9 +5,12 @@
color: #000000; color: #000000;
} }
.installments { .installments--m3-custom-installments {
font-weight: 700;
font-size: 16px; font-size: 16px;
line-height: 22px; line-height: 22px;
color: #929292; color: #929292;
} }
.installments-highlight--m3-custom-installments {
font-weight: 700;
}