forked from M3-Academy/m3-academy-template-checkout
feature/footer #3
@ -2,7 +2,7 @@ Stack trace:
|
|||||||
Frame Function Args
|
Frame Function Args
|
||||||
000FFFFCD30 00210062B0E (0021028A770, 00210275E51, 00000000001, 000FFFFB710)
|
000FFFFCD30 00210062B0E (0021028A770, 00210275E51, 00000000001, 000FFFFB710)
|
||||||
000FFFFCD30 0021004846A (00210000000, 00200000000, 00000000000, 00000000001)
|
000FFFFCD30 0021004846A (00210000000, 00200000000, 00000000000, 00000000001)
|
||||||
000FFFFCD30 002100484A2 (00000690000, 00000690101, 00000000001, 726D3BFB8C2D)
|
000FFFFCD30 002100484A2 (00000780000, 00000780101, 00000000001, E9C64E3ED582)
|
||||||
000FFFFCD30 0021006E416 (00210045323, 00210358970, 00000000000, 0000000000D)
|
000FFFFCD30 0021006E416 (00210045323, 00210358970, 00000000000, 0000000000D)
|
||||||
000FFFFCD30 0021006E429 (00210045170, 0021023D7E0, 002100448F2, 000FFFFC910)
|
000FFFFCD30 0021006E429 (00210045170, 0021023D7E0, 002100448F2, 000FFFFC910)
|
||||||
000FFFFCD30 002100713D4 (00000000013, 00000000001, 000FFFFC910, 00210278640)
|
000FFFFCD30 002100713D4 (00000000013, 00000000001, 000FFFFC910, 00210278640)
|
||||||
|
@ -8,8 +8,10 @@ export default class Footer {
|
|||||||
async init() {
|
async init() {
|
||||||
await this.selectors();
|
await this.selectors();
|
||||||
await this.carrinho();
|
await this.carrinho();
|
||||||
this.prateleira();
|
this.renderPrateleira();
|
||||||
this.onUpdate();
|
this.onUpdate();
|
||||||
|
//this.prateleira();
|
||||||
|
//this.onUpdate();
|
||||||
}
|
}
|
||||||
|
|
||||||
async selectors() {
|
async selectors() {
|
||||||
@ -121,6 +123,13 @@ export default class Footer {
|
|||||||
observer.observe(target, config);
|
observer.observe(target, config);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
async renderPrateleira() {
|
||||||
|
if (window.location.hash == "#/cart") {
|
||||||
|
this.onUpdate();
|
||||||
|
this.prateleira();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
carrinho() {
|
carrinho() {
|
||||||
this.title.innerHTML = ``;
|
this.title.innerHTML = ``;
|
||||||
this.fraseCarrinhoVazio.innerHTML = `seu carrinho está vazio`;
|
this.fraseCarrinhoVazio.innerHTML = `seu carrinho está vazio`;
|
||||||
|
@ -385,6 +385,7 @@ h1#orderform-title {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.address-summary {
|
.address-summary {
|
||||||
|
position: relative;
|
||||||
background: url("https://agenciamagma.vteximg.com.br/arquivos/homeM3Academy.png")
|
background: url("https://agenciamagma.vteximg.com.br/arquivos/homeM3Academy.png")
|
||||||
no-repeat;
|
no-repeat;
|
||||||
background-size: 21.25px 20.07px;
|
background-size: 21.25px 20.07px;
|
||||||
@ -393,13 +394,16 @@ h1#orderform-title {
|
|||||||
border-color: $color-gray4;
|
border-color: $color-gray4;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
color: #303030;
|
color: #303030;
|
||||||
padding: 12px 12px 12px 43px;
|
padding: 12px 55px 12px 43px;
|
||||||
|
|
||||||
@include mq(md, max) {
|
@include mq(md, max) {
|
||||||
background-position: 8px 9px;
|
background-position: 8px 9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
position: absolute;
|
||||||
|
right: 13px;
|
||||||
|
bottom: 14px;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
@ -435,6 +439,12 @@ h1#orderform-title {
|
|||||||
.vtex-omnishipping-1-x-deliveryOptionActive {
|
.vtex-omnishipping-1-x-deliveryOptionActive {
|
||||||
text-shadow: 1.3px 1px lighten($color-black, 50);
|
text-shadow: 1.3px 1px lighten($color-black, 50);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.vtex-omnishipping-1-x-addressSummaryActive {
|
||||||
|
:nth-child(6) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -2,6 +2,7 @@
|
|||||||
.footerCheckout {
|
.footerCheckout {
|
||||||
border-top: none;
|
border-top: none;
|
||||||
color: $color-gray2;
|
color: $color-gray2;
|
||||||
|
display: contents; /*testar*/
|
||||||
|
|
||||||
&__wrapper {
|
&__wrapper {
|
||||||
border-top: 1px solid $color-black-500;
|
border-top: 1px solid $color-black-500;
|
||||||
@ -9,6 +10,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
margin-top: 0;
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
/*width: 91.40625%;*/
|
/*width: 91.40625%;*/
|
||||||
@ -21,6 +23,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&__address {
|
&__address {
|
||||||
|
margin-right: auto;
|
||||||
font-family: $font-family;
|
font-family: $font-family;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
@ -93,10 +96,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&__developedBy {
|
&__developedBy {
|
||||||
|
margin: 0 0 0 auto;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
display: flex;
|
display: flex;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
li:last-child {
|
li:last-child {
|
||||||
margin-left: 10.73px;
|
margin-left: 10.73px;
|
||||||
@ -119,6 +122,11 @@
|
|||||||
|
|
||||||
span {
|
span {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 9px;
|
||||||
|
line-height: 12px;
|
||||||
|
color: $color-black;
|
||||||
}
|
}
|
||||||
|
|
||||||
figure {
|
figure {
|
||||||
|
Loading…
Reference in New Issue
Block a user