feat(pdp): Adiciona opcoes de frete
This commit is contained in:
parent
c085281a68
commit
5fca6c90d7
@ -242,7 +242,7 @@
|
|||||||
"props": {
|
"props": {
|
||||||
"installmentsCriteria": "max-quantity-without-interest",
|
"installmentsCriteria": "max-quantity-without-interest",
|
||||||
"blockClass": "parcelamentos",
|
"blockClass": "parcelamentos",
|
||||||
"message": "{installmentsNumber} x {installmentValue} sem juros"
|
"message": "{installmentsNumber} de {installmentValue} sem juros"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -17,13 +17,12 @@
|
|||||||
.installments--parcelamentos .installmentsNumber {
|
.installments--parcelamentos .installmentsNumber {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
.installments--parcelamentos .installmentsNumber::after {
|
||||||
|
content: " x";
|
||||||
|
}
|
||||||
.installments--parcelamentos .installmentValue {
|
.installments--parcelamentos .installmentValue {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
.installments--parcelamentos .installmentValue::before {
|
|
||||||
content: "de ";
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
|
|
||||||
.listPrice--summary {
|
.listPrice--summary {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
@ -174,6 +174,7 @@
|
|||||||
}
|
}
|
||||||
.shippingContainer :global(.vtex-input__error) {
|
.shippingContainer :global(.vtex-input__error) {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
margin-top: 2px;
|
||||||
}
|
}
|
||||||
.shippingContainer :global(.vtex-input__label) {
|
.shippingContainer :global(.vtex-input__label) {
|
||||||
font-size: 0;
|
font-size: 0;
|
||||||
@ -189,6 +190,12 @@
|
|||||||
height: 49px;
|
height: 49px;
|
||||||
border-radius: 0%;
|
border-radius: 0%;
|
||||||
}
|
}
|
||||||
|
.shippingContainer :global(.vtex-input-prefix__group) :global(.vtex-input__suffix) {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.shippingContainer :global(.vtex-input-prefix__group) :global(.vtex-address-form-4-x-hideDecorators) {
|
||||||
|
width: 231px;
|
||||||
|
}
|
||||||
.shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
|
.shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 28px;
|
top: 28px;
|
||||||
@ -235,30 +242,60 @@
|
|||||||
|
|
||||||
.shippingTableHead {
|
.shippingTableHead {
|
||||||
display: table-header-group;
|
display: table-header-group;
|
||||||
|
}
|
||||||
|
.shippingTableHead .shippingTableRow {
|
||||||
|
display: flex;
|
||||||
|
align-items: end;
|
||||||
|
}
|
||||||
|
.shippingTableHead .shippingTableHeadDeliveryName,
|
||||||
|
.shippingTableHead .shippingTableHeadDeliveryEstimate,
|
||||||
|
.shippingTableHead .shippingTableHeadDeliveryPrice {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 19px;
|
line-height: 19px;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
color: #202020;
|
color: #202020;
|
||||||
}
|
|
||||||
.shippingTableHead .shippingTableHeadDeliveryName,
|
|
||||||
.shippingTableHead .shippingTableHeadDeliveryEstimate,
|
|
||||||
.shippingTableHead .shippingTableHeadDeliveryPrice {
|
|
||||||
text-align: initial;
|
text-align: initial;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.shippingTableHead .shippingTableHeadDeliveryName {
|
||||||
|
min-width: 110px;
|
||||||
|
}
|
||||||
|
.shippingTableHead .shippingTableHeadDeliveryEstimate {
|
||||||
|
order: 3;
|
||||||
|
}
|
||||||
|
.shippingTableHead .shippingTableHeadDeliveryPrice {
|
||||||
|
display: flex;
|
||||||
|
min-width: 110px;
|
||||||
|
font-size: 0;
|
||||||
|
}
|
||||||
|
.shippingTableHead .shippingTableHeadDeliveryPrice::after {
|
||||||
|
content: "FRETE";
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shippingTableCell {
|
.shippingTableBody .shippingTableRow {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.shippingTableBody .shippingTableRow .shippingTableCell {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
color: #afafaf;
|
color: #afafaf;
|
||||||
}
|
}
|
||||||
|
.shippingTableBody .shippingTableRow .shippingTableCellDeliveryName,
|
||||||
.shippingTableCellDeliveryName,
|
.shippingTableBody .shippingTableRow .shippingTableCellDeliveryPrice,
|
||||||
.shippingTableCellDeliveryPrice,
|
.shippingTableBody .shippingTableRow .shippingTableCellDeliveryEstimate {
|
||||||
.shippingTableCellDeliveryEstimate {
|
padding: 15px 4px 0 0;
|
||||||
padding: 0;
|
}
|
||||||
padding-top: 15px;
|
.shippingTableBody .shippingTableRow .shippingTableCellDeliveryName {
|
||||||
|
min-width: 110px;
|
||||||
|
}
|
||||||
|
.shippingTableBody .shippingTableRow .shippingTableCellDeliveryPrice {
|
||||||
|
min-width: 110px;
|
||||||
|
}
|
||||||
|
.shippingTableBody .shippingTableRow .shippingTableCellDeliveryEstimate {
|
||||||
|
order: 3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.productDescriptionContainer--descricao {
|
.productDescriptionContainer--descricao {
|
||||||
|
@ -7,15 +7,14 @@
|
|||||||
|
|
||||||
.installmentsNumber {
|
.installmentsNumber {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: " x";
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.installmentValue {
|
.installmentValue {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
|
||||||
&::before {
|
|
||||||
content: "de ";
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -193,6 +193,7 @@
|
|||||||
|
|
||||||
:global(.vtex-input__error) {
|
:global(.vtex-input__error) {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
margin-top: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:global(.vtex-input__label) {
|
:global(.vtex-input__label) {
|
||||||
@ -210,6 +211,14 @@
|
|||||||
:global(.vtex-input-prefix__group) {
|
:global(.vtex-input-prefix__group) {
|
||||||
height: 49px;
|
height: 49px;
|
||||||
border-radius: 0%;
|
border-radius: 0%;
|
||||||
|
|
||||||
|
:global(.vtex-input__suffix) {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:global(.vtex-address-form-4-x-hideDecorators) {
|
||||||
|
width: 231px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:global(.vtex-address-form__postalCode-forgottenURL) {
|
:global(.vtex-address-form__postalCode-forgottenURL) {
|
||||||
@ -266,31 +275,72 @@
|
|||||||
|
|
||||||
.shippingTableHead {
|
.shippingTableHead {
|
||||||
display: table-header-group;
|
display: table-header-group;
|
||||||
font-weight: 400;
|
|
||||||
font-size: 14px;
|
.shippingTableRow {
|
||||||
line-height: 19px;
|
display: flex;
|
||||||
text-transform: uppercase;
|
align-items: end;
|
||||||
color: $color-black2;
|
}
|
||||||
|
|
||||||
.shippingTableHeadDeliveryName,
|
.shippingTableHeadDeliveryName,
|
||||||
.shippingTableHeadDeliveryEstimate,
|
.shippingTableHeadDeliveryEstimate,
|
||||||
.shippingTableHeadDeliveryPrice {
|
.shippingTableHeadDeliveryPrice {
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 19px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: $color-black2;
|
||||||
text-align: initial;
|
text-align: initial;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.shippingTableHeadDeliveryName {
|
||||||
|
min-width: 110px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.shippingTableHeadDeliveryEstimate {
|
||||||
|
order: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.shippingTableHeadDeliveryPrice {
|
||||||
|
display: flex;
|
||||||
|
min-width: 110px;
|
||||||
|
font-size: 0;
|
||||||
|
&::after {
|
||||||
|
content: "FRETE";
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.shippingTableCell {
|
.shippingTableBody {
|
||||||
font-weight: 400;
|
.shippingTableRow {
|
||||||
font-size: 12px;
|
display: flex;
|
||||||
line-height: 16px;
|
|
||||||
color: #afafaf;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shippingTableCellDeliveryName,
|
.shippingTableCell {
|
||||||
.shippingTableCellDeliveryPrice,
|
font-weight: 400;
|
||||||
.shippingTableCellDeliveryEstimate {
|
font-size: 12px;
|
||||||
padding: 0;
|
line-height: 16px;
|
||||||
padding-top: 15px;
|
color: #afafaf;
|
||||||
|
}
|
||||||
|
|
||||||
|
.shippingTableCellDeliveryName,
|
||||||
|
.shippingTableCellDeliveryPrice,
|
||||||
|
.shippingTableCellDeliveryEstimate {
|
||||||
|
padding: 15px 4px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.shippingTableCellDeliveryName {
|
||||||
|
min-width: 110px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.shippingTableCellDeliveryPrice {
|
||||||
|
min-width: 110px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.shippingTableCellDeliveryEstimate {
|
||||||
|
order: 3;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
//DESCRIÇÃO
|
//DESCRIÇÃO
|
||||||
|
Loading…
Reference in New Issue
Block a user