SavioCarvalhoMoraes/m3-academy-template-checkout-savio-carvalho-moraes
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(body): Trocando os estilos do carrinho

Browse Source
This commit is contained in:
Savio Carvalho Moraes 2022-12-16 20:11:04 -03:00
parent 194d9ddbc6
commit e225f3d8ea
3 changed files with 633 additions and 598 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
checkout/src/arquivos/js/components/Footer.js
View File

@ -16,6 +16,8 @@ export default class Footer {
await this.renderIconsDeveloped(); await this.renderIconsDeveloped();
this.trocaTitle(); this.trocaTitle();
this.trocaFrete();
this.trocaUnidade();
} }
async selectors() { async selectors() {
@ -29,6 +31,8 @@ export default class Footer {
this.subTitleCart = await waitElement(".empty-cart-message"); this.subTitleCart = await waitElement(".empty-cart-message");
this.buttonCart = await waitElement("#cart-choose-products"); this.buttonCart = await waitElement("#cart-choose-products");
this.prateleiraInfoCards = await waitElement(".footerCheckout__prateleira"); this.prateleiraInfoCards = await waitElement(".footerCheckout__prateleira");
this.freteCarrinho = await waitElement(".shipping-date");
this.unidadeCarrinho = await waitElement(".product-price");
} }
onUpdate() { onUpdate() {
@ -126,4 +130,10 @@ export default class Footer {
this.subTitleCart.innerHTML = `<p></p>`; this.subTitleCart.innerHTML = `<p></p>`;
this.buttonCart.innerHTML = `Continuar comprando`; this.buttonCart.innerHTML = `Continuar comprando`;
} }
trocaFrete() {
this.freteCarrinho.innerHTML = `Frete`;
}
trocaUnidade() {
this.unidadeCarrinho.innerHTML = `Unidade`;
}
} }

1199
checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
View File

File diff suppressed because it is too large Load Diff

22
checkout/src/arquivos/sass/partials/_footer.scss
View File

@ -198,7 +198,27 @@
} }
} }
} }
/*Cart*/
.cart-items th {
font-family: $font-family-secundary !important;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: $color-black;
}
.cart-template .cart-items td.quantity .icon-plus-sign:before {
color: $color-blue-300;
}
/*
.product {
font-family: $font-family-secundary;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: $color-black;
}*/
/*CSS Body*/ /*CSS Body*/
.container-cart { .container-cart {
#cart-title { #cart-title {