feat(pdp): Adiciona bloco de frete
This commit is contained in:
parent
21b382f909
commit
8206b0932e
@ -123,8 +123,8 @@
|
|||||||
/*"flex-layout.row#buy-button",*/
|
/*"flex-layout.row#buy-button",*/
|
||||||
"html#qtd-btn",
|
"html#qtd-btn",
|
||||||
"availability-subscriber",
|
"availability-subscriber",
|
||||||
"shipping-simulator",
|
"shipping-simulator"
|
||||||
"share#default"
|
/*"share#default"*/
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -216,5 +216,11 @@
|
|||||||
"Pinterest": true
|
"Pinterest": true
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
"shipping-simulator": {
|
||||||
|
"props": {
|
||||||
|
"blockClass": "frete"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -22,11 +22,13 @@
|
|||||||
border-right: none;
|
border-right: none;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
}*/
|
}*/
|
||||||
/*.hideDecorators {
|
.hideDecorators {
|
||||||
border: 1px solid red;
|
border: 1px solid red;
|
||||||
border-left: none;
|
border-left: none;
|
||||||
border-right: none;
|
border-right: none;
|
||||||
}*/
|
height: 49px;
|
||||||
|
}
|
||||||
|
|
||||||
/*.numeric-stepper__plus-button {
|
/*.numeric-stepper__plus-button {
|
||||||
border: none;
|
border: none;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
@ -41,7 +43,6 @@
|
|||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
.quantitySelectorContainer--quantidade {
|
.quantitySelectorContainer--quantidade {
|
||||||
border: 1px solid green;
|
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@ -52,4 +53,31 @@
|
|||||||
background-color: blue;
|
background-color: blue;
|
||||||
border: 1px solid orange;
|
border: 1px solid orange;
|
||||||
height: 49px;
|
height: 49px;
|
||||||
}*/
|
}*/
|
||||||
|
:global(.vtex-numeric-stepper__input) {
|
||||||
|
height: 49px;
|
||||||
|
width: 30px;
|
||||||
|
border-right: 0;
|
||||||
|
border-left: 0;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 22px;
|
||||||
|
color: #929292;
|
||||||
|
}
|
||||||
|
|
||||||
|
:global(.vtex-numeric-stepper__plus-button) {
|
||||||
|
height: 49px;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 22px;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
:global(.vtex-numeric-stepper__minus-button) {
|
||||||
|
background-color: transparent;
|
||||||
|
height: 49px;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 22px;
|
||||||
|
color: #000000;
|
||||||
|
}
|
@ -64,4 +64,61 @@
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 19px;
|
line-height: 19px;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.shippingContainer {
|
||||||
|
border: 1px solid red;
|
||||||
|
display: flex;
|
||||||
|
align-items: end;
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
.shippingContainer :global(.vtex-address-form__postalCode) {
|
||||||
|
position: relative;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.shippingContainer :global(.vtex-input__label) {
|
||||||
|
font-size: 0;
|
||||||
|
}
|
||||||
|
.shippingContainer :global(.vtex-input__label)::after {
|
||||||
|
content: "CALCULAR FRETE:";
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 19px;
|
||||||
|
color: #929292;
|
||||||
|
}
|
||||||
|
.shippingContainer :global(.vtex-input-prefix__group) {
|
||||||
|
height: 49px;
|
||||||
|
border-radius: 0%;
|
||||||
|
}
|
||||||
|
.shippingContainer :global(.vtex-address-form-4-x-input) {
|
||||||
|
/*background-color: red;*/
|
||||||
|
}
|
||||||
|
.shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
|
||||||
|
position: absolute;
|
||||||
|
top: 28px;
|
||||||
|
right: -180px;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 16px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
text-decoration-line: underline;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
.shippingContainer :global(.vtex-button) {
|
||||||
|
width: 49px;
|
||||||
|
height: 49px;
|
||||||
|
background-color: #000000;
|
||||||
|
border: none;
|
||||||
|
border-radius: inherit;
|
||||||
|
}
|
||||||
|
.shippingContainer :global(.vtex-button__label) {
|
||||||
|
font-size: 0;
|
||||||
|
}
|
||||||
|
.shippingContainer :global(.vtex-button__label)::after {
|
||||||
|
content: "OK";
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 19px;
|
||||||
|
color: #ffffff;
|
||||||
}
|
}
|
@ -14,11 +14,12 @@
|
|||||||
height: 50px;
|
height: 50px;
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
/*.hideDecorators {
|
.hideDecorators {
|
||||||
border: 1px solid red;
|
border: 1px solid red;
|
||||||
border-left: none;
|
border-left: none;
|
||||||
border-right: none;
|
border-right: none;
|
||||||
}*/
|
height: 49px;
|
||||||
|
}
|
||||||
|
|
||||||
/*.numeric-stepper__plus-button {
|
/*.numeric-stepper__plus-button {
|
||||||
border: none;
|
border: none;
|
||||||
@ -36,7 +37,6 @@
|
|||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
.quantitySelectorContainer--quantidade {
|
.quantitySelectorContainer--quantidade {
|
||||||
border: 1px solid green;
|
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@ -48,3 +48,30 @@
|
|||||||
border: 1px solid orange;
|
border: 1px solid orange;
|
||||||
height: 49px;
|
height: 49px;
|
||||||
}*/
|
}*/
|
||||||
|
:global(.vtex-numeric-stepper__input) {
|
||||||
|
height: 49px;
|
||||||
|
width: 30px;
|
||||||
|
border-right: 0;
|
||||||
|
border-left: 0;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 22px;
|
||||||
|
color: #929292;
|
||||||
|
}
|
||||||
|
|
||||||
|
:global(.vtex-numeric-stepper__plus-button) {
|
||||||
|
height: 49px;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 22px;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
:global(.vtex-numeric-stepper__minus-button) {
|
||||||
|
background-color: transparent;
|
||||||
|
height: 49px;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 22px;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
@ -60,3 +60,71 @@
|
|||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//FRETE
|
||||||
|
|
||||||
|
.shippingContainer {
|
||||||
|
border: 1px solid red;
|
||||||
|
display: flex;
|
||||||
|
align-items: end;
|
||||||
|
margin-top: 16px;
|
||||||
|
|
||||||
|
:global(.vtex-address-form__postalCode) {
|
||||||
|
position: relative;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:global(.vtex-input__label) {
|
||||||
|
font-size: 0;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: "CALCULAR FRETE:";
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 19px;
|
||||||
|
color: #929292;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
:global(.vtex-input-prefix__group) {
|
||||||
|
height: 49px;
|
||||||
|
border-radius: 0%;
|
||||||
|
}
|
||||||
|
|
||||||
|
:global(.vtex-address-form-4-x-input) {
|
||||||
|
/*background-color: red;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
:global(.vtex-address-form__postalCode-forgottenURL) {
|
||||||
|
position: absolute;
|
||||||
|
top: 28px;
|
||||||
|
right: -180px;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 16px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
text-decoration-line: underline;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
:global(.vtex-button) {
|
||||||
|
width: 49px;
|
||||||
|
height: 49px;
|
||||||
|
background-color: #000000;
|
||||||
|
border: none;
|
||||||
|
border-radius: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
:global(.vtex-button__label) {
|
||||||
|
font-size: 0;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: "OK";
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 19px;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user