Vitor_soares/challenge-vtex-io-vitor-soares
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: adiciona testID 15 e estilização

Browse Source
This commit is contained in:
Vitor Soares 2023-02-09 14:43:48 -03:00
parent e957f88ecb
commit 7d8d3568e6
5 changed files with 82 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -334,24 +334,28 @@
"product-summary.shelf#carousel-shelf": {
"children": [
"product-summary-image",
"product-summary-name",
"product-summary-space",
"product-summary-price"
"html#shelf"
]
},
// "html#shelf": {
// "props": {
// "testId": "vtex-product-summary"
// },
// "children": [
// "product-summary-image",
// "product-summary-name",
// "product-list-price",
// "product-selling-price"
// ]
// },
"html#shelf": {
"props": {
"testId": "vtex-product-summary"
},
"children": [
"product-summary-image",
"product-summary-name",
"product-summary-space",
"product-list-price",
"product-selling-price"
]
},
"product-list-price": {
"props": {
"message": "de {listPriceValue} por"
}
},
"html#slider": {
"props": {

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

@ -46,3 +46,29 @@
line-height: 22px;
color: #929292;
}
.listPrice {
display: block;
font-size: 14px;
line-height: 19px;
margin-bottom: 8px;
color: #bababa;
}
@media only screen and (max-width: 1025px) {
.listPrice {
font-size: 12px;
line-height: 16px;
}
}
:global(.vtex-product-price-1-x-sellingPrice--hasListPrice) .sellingPriceValue {
font-size: 24px;
line-height: 33px;
color: #000000;
}
@media only screen and (max-width: 1025px) {
:global(.vtex-product-price-1-x-sellingPrice--hasListPrice) .sellingPriceValue {
font-size: 18px;
line-height: 25px;
}
}

4
styles/css/vtex.product-summary.css
View File

@ -93,3 +93,7 @@
.element {
padding: 0;
}
:global(.vtex-product-summary-2-x-clearLink) {
padding-bottom: 32px;
}

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

@ -43,3 +43,32 @@
}
}
}
// CARROSSEL
.listPrice {
display: block;
font-size: 14px;
line-height: 19px;
margin-bottom: 8px;
color: $gray-700;
@include mq(md, max) {
font-size: 12px;
line-height: 16px;
}
}
:global(.vtex-product-price-1-x-sellingPrice--hasListPrice) {
.sellingPriceValue {
font-size: 24px;
line-height: 33px;
color: $black;
@include mq(md, max) {
font-size: 18px;
line-height: 25px;
}
}
}

4
styles/sass/pages/product/vtex.product-summary.scss
View File

@ -91,3 +91,7 @@
.element {
padding: 0;
}
:global(.vtex-product-summary-2-x-clearLink) {
padding-bottom: 32px;
}