forked from M3-Academy/m3-academy-template-checkout
Merge pull request 'chore(html): Resetando html' (#5) from feature/footer into development
Reviewed-on: #5
This commit is contained in:
commit
d348260c9b
@ -30,6 +30,7 @@ export default class Footer {
|
|||||||
this.cartChooseProducts = await waitElement("a#cart-choose-products");
|
this.cartChooseProducts = await waitElement("a#cart-choose-products");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Oculta o titulo quando o carrinho está vazio
|
||||||
async hideCartTitle() {
|
async hideCartTitle() {
|
||||||
if (this.checkoutVazio) {
|
if (this.checkoutVazio) {
|
||||||
console.log("Carrinho Vazio, removendo título");
|
console.log("Carrinho Vazio, removendo título");
|
||||||
@ -45,11 +46,13 @@ export default class Footer {
|
|||||||
// }
|
// }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Muda o texto do botão do carrinho vazio
|
||||||
changeButtonText() {
|
changeButtonText() {
|
||||||
// console.log("Mudando texto do botão");
|
// console.log("Mudando texto do botão");
|
||||||
this.cartChooseProducts.innerText = "Continue Comprando";
|
this.cartChooseProducts.innerText = "Continue Comprando";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Adiciona as imagens das bandeiras dos cartões
|
||||||
addCreditCards() {
|
addCreditCards() {
|
||||||
this.creditCardSection.innerHTML = `
|
this.creditCardSection.innerHTML = `
|
||||||
<div class="credit-cards">
|
<div class="credit-cards">
|
||||||
@ -112,6 +115,7 @@ export default class Footer {
|
|||||||
</div>`;
|
</div>`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Adiciona as informações de copyrigth
|
||||||
addCredits() {
|
addCredits() {
|
||||||
this.creditsSection.innerHTML = `<div class="credits">
|
this.creditsSection.innerHTML = `<div class="credits">
|
||||||
<div class="credit-text">Powered By</div>
|
<div class="credit-text">Powered By</div>
|
||||||
@ -134,6 +138,7 @@ export default class Footer {
|
|||||||
</div>`;
|
</div>`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// API
|
||||||
createPrateleira() {
|
createPrateleira() {
|
||||||
fetch(
|
fetch(
|
||||||
"https://m3academy.myvtex.com/api/catalog_system/pub/products/search/?fq=productClusterIds:319"
|
"https://m3academy.myvtex.com/api/catalog_system/pub/products/search/?fq=productClusterIds:319"
|
||||||
|
@ -20,28 +20,6 @@
|
|||||||
/>
|
/>
|
||||||
<span>Compra segura</span>
|
<span>Compra segura</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="suggested-items">
|
|
||||||
<div class="card-item">
|
|
||||||
<figure class="item-image">
|
|
||||||
<img src="${data[i].items[0].images[0].imageUrl}" alt="" />
|
|
||||||
</figure>
|
|
||||||
|
|
||||||
<div class="item-name">
|
|
||||||
<p>${data[i].productName}</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="item-sizes">
|
|
||||||
<div class="item-size-name">
|
|
||||||
<p></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<a href="" class="item-link">
|
|
||||||
<div>VER PRODUTO</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
Loading…
Reference in New Issue
Block a user