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 as mensagens do body

Browse Source
This commit is contained in:
Savio Carvalho Moraes 2022-12-15 15:14:37 -03:00
parent e1b34faaf8
commit 710c9ad6b4
6 changed files with 17 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
checkout/src/arquivos/js/checkout.js
View File

@ -2,12 +2,11 @@ import CheckoutUI from "./components/CheckoutUI";
import { Container } from "m3-utils";
import "slick-carousel";
import Header from "./components/Header";
import Body from "./components/Body";
import Footer from "./components/Footer";
const m3Checkout = new Container({
appName: "m3-checkout",
components: [CheckoutUI, Header, Body, Footer],
components: [CheckoutUI, Header, Footer],
});
m3Checkout.start();

16
checkout/src/arquivos/js/components/Body.js
View File

@ -1,16 +0,0 @@
export default class Body {
constructor() {
this.init();
}
async init() {
await this.selectors();
}
async selectors() {
this.titleCart = await waitElement(".empty-cart-title");
}
trocaTitle() {
this.titleCart.innerHTML = ``;
}
}

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

@ -14,6 +14,7 @@ export default class Footer {
await this.renderIconCreditCards();
await this.renderIconVtexPci();
await this.renderIconsDeveloped();
this.trocaTitle();
}
async selectors() {
@ -23,6 +24,9 @@ export default class Footer {
this.footerIconsCreditCards = await waitElement(".footerCheckout__payments");
this.footerIconVtexPci = await waitElement(".footerCheckout__vtexpci");
this.footerIconsDeveloped = await waitElement(".footerCheckout__developedBy");
this.titleCart = await waitElement(".empty-cart-title");
this.subTitleCart = await waitElement(".empty-cart-message");
this.buttonCart = await waitElement("#cart-choose-products");
}
onUpdate() {
@ -83,4 +87,11 @@ export default class Footer {
<li><a href="https://vtex.com/br-pt/"><span>Powered By</span><img class="iconDevV" src="https://agenciamagma.vteximg.com.br/arquivos/logoVTEXM3Academy.png"/> </a></li>
<li><a href="https://vtex.com/br-pt/"><span>Developed By</span><img class="iconDeveLM3" src="https://agenciamagma.vteximg.com.br/arquivos/logoM3M3Academy.png"/> </a></li>`;
}
trocaTitle() {
const tituloCart = document.querySelector(".empty-cart-title");
tituloCart.innerHTML = `<h2>SEU CARRINHO ESTÁ VAZIO</h2>`;
this.subTitleCart.innerHTML = `<p></p>`;
this.buttonCart.innerHTML = `Continuar comprando`;
}
}

1
checkout/src/arquivos/sass/checkout.scss
View File

@ -1,6 +1,5 @@
@import "./utils/all";
@import "./lib/slick";
@import "./partials/header";
@import "./partials/body";
@import "./partials/footer";
@import "./checkout/checkout.scss";

11
checkout/src/arquivos/sass/partials/_body.scss
View File

@ -1,11 +0,0 @@
/*#checkoutMainContainer {
width: 100%;
transform: translateY(-50%);
height: 1px;
border-bottom: 1px solid #000000;
}*/
.container-cart {
#cart-title {
display: none !important;
}
}

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

@ -99,3 +99,8 @@
}
}
}
.container-cart {
#cart-title {
display: none !important;
}
}