forked from M3-Academy/challenge-vtex-io
feat: adiciona estilos nome-referencia-parcelamento
This commit is contained in:
parent
365903be40
commit
ad2294c565
@ -15,7 +15,6 @@
|
|||||||
"postreleasy": "vtex publish --verbose"
|
"postreleasy": "vtex publish --verbose"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"agenciamagma.store-theme": "5.x",
|
|
||||||
"vtex.store": "2.x",
|
"vtex.store": "2.x",
|
||||||
"vtex.store-header": "2.x",
|
"vtex.store-header": "2.x",
|
||||||
"vtex.product-summary": "2.x",
|
"vtex.product-summary": "2.x",
|
||||||
|
@ -101,12 +101,10 @@
|
|||||||
},
|
},
|
||||||
"children": [
|
"children": [
|
||||||
"flex-layout.row#product-name",
|
"flex-layout.row#product-name",
|
||||||
|
"product-identifier.product",
|
||||||
"product-rating-summary",
|
"product-rating-summary",
|
||||||
"flex-layout.row#list-price-savings",
|
|
||||||
"flex-layout.row#selling-price",
|
"flex-layout.row#selling-price",
|
||||||
"product-installments",
|
"product-installments",
|
||||||
"product-separator",
|
|
||||||
"product-identifier.product",
|
|
||||||
"sku-selector",
|
"sku-selector",
|
||||||
"product-quantity",
|
"product-quantity",
|
||||||
"product-assembly-options",
|
"product-assembly-options",
|
||||||
@ -125,6 +123,19 @@
|
|||||||
"children": ["vtex.store-components:product-name"]
|
"children": ["vtex.store-components:product-name"]
|
||||||
},
|
},
|
||||||
|
|
||||||
|
"product-identifier.product": {
|
||||||
|
"props": {
|
||||||
|
"label": "hide",
|
||||||
|
"idField": "productReference"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
"product-installments": {
|
||||||
|
"props": {
|
||||||
|
"message": "36 x de R$ 2,17 sem juros"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
"sku-selector": {
|
"sku-selector": {
|
||||||
"props": {
|
"props": {
|
||||||
"variationsSpacing": 3,
|
"variationsSpacing": 3,
|
||||||
@ -175,10 +186,10 @@
|
|||||||
"share#default": {
|
"share#default": {
|
||||||
"props": {
|
"props": {
|
||||||
"social": {
|
"social": {
|
||||||
"Facebook": true,
|
"Facebook": false,
|
||||||
"WhatsApp": true,
|
"WhatsApp": false,
|
||||||
"Twitter": false,
|
"Twitter": false,
|
||||||
"Pinterest": true
|
"Pinterest": false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -6,9 +6,7 @@
|
|||||||
"preventHorizontalStretch": true,
|
"preventHorizontalStretch": true,
|
||||||
"marginBottom": 4
|
"marginBottom": 4
|
||||||
},
|
},
|
||||||
"children": [
|
"children": ["product-selling-price"]
|
||||||
"product-selling-price"
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
|
|
||||||
"flex-layout.row#list-price-savings": {
|
"flex-layout.row#list-price-savings": {
|
||||||
@ -19,9 +17,6 @@
|
|||||||
"marginBottom": 2,
|
"marginBottom": 2,
|
||||||
"marginTop": 5
|
"marginTop": 5
|
||||||
},
|
},
|
||||||
"children": [
|
"children": ["product-list-price", "product-price-savings"]
|
||||||
"product-list-price",
|
|
||||||
"product-price-savings"
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -15,7 +15,7 @@
|
|||||||
content: "Home";
|
content: "Home";
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 18%;
|
top: 20%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.link--1 {
|
.link--1 {
|
||||||
|
@ -43,7 +43,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.flexRow--deals {
|
.flexRow--deals {
|
||||||
background-color: #0F3E99;
|
background-color: #0f3e99;
|
||||||
padding: 14px 0px;
|
padding: 14px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
.listPrice {
|
.listPrice {
|
||||||
color: #727273;
|
color: #727273;
|
||||||
margin-bottom: .25rem;
|
margin-bottom: 0.25rem;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -21,17 +21,17 @@
|
|||||||
|
|
||||||
.savings {
|
.savings {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #79B03A;
|
color: #79b03a;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sellingPriceValue--summary {
|
.sellingPriceValue--summary {
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #2E2E2E;
|
color: #2e2e2e;
|
||||||
}
|
}
|
||||||
|
|
||||||
.savings--summary {
|
.savings--summary {
|
||||||
background: #8BC34A;
|
background: #8bc34a;
|
||||||
border-radius: 1000px;
|
border-radius: 1000px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -41,21 +41,21 @@
|
|||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
color: #FFFFFF;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.savings-discount--summary {
|
.savings-discount--summary {
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
color: #FFFFFF;
|
color: #ffffff;
|
||||||
padding-left: 0.5rem;
|
padding-left: 0.5rem;
|
||||||
padding-right: 0.5rem;
|
padding-right: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.listPrice--summary {
|
.listPrice--summary {
|
||||||
margin-bottom: 0.25rem;
|
margin-bottom: 0.25rem;
|
||||||
font-size: .875rem;
|
font-size: 0.875rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.installments--summary {
|
.installments--summary {
|
||||||
@ -74,6 +74,6 @@
|
|||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
color: #FFFFFF;
|
color: #ffffff;
|
||||||
padding: 0.25rem 0.5rem 0.25rem 0.5rem;
|
padding: 0.25rem 0.5rem 0.25rem 0.5rem;
|
||||||
}
|
}
|
||||||
|
@ -18,3 +18,8 @@
|
|||||||
.swiper-pagination {
|
.swiper-pagination {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.productNameContainer--quickview {
|
||||||
|
display: flex;
|
||||||
|
justify-content: end;
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user