WellingtonDuarteSantos/m3-academy-template-checkout-wellington-duarte-santos
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'chore(html): Resetando html' (#5) from feature/footer into development

Browse Source 
Reviewed-on: #5
This commit is contained in:
Wellington Duarte Santos 2022-12-19 02:45:05 +00:00
commit d348260c9b
2 changed files with 5 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -30,6 +30,7 @@ export default class Footer {
this.cartChooseProducts = await waitElement("a#cart-choose-products");
}
// Oculta o titulo quando o carrinho está vazio
async hideCartTitle() {
if (this.checkoutVazio) {
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() {
// console.log("Mudando texto do botão");
this.cartChooseProducts.innerText = "Continue Comprando";
}
// Adiciona as imagens das bandeiras dos cartões
addCreditCards() {
this.creditCardSection.innerHTML = `
<div class="credit-cards">
@ -112,6 +115,7 @@ export default class Footer {
</div>`;
}
// Adiciona as informações de copyrigth
addCredits() {
this.creditsSection.innerHTML = `<div class="credits">
<div class="credit-text">Powered By</div>
@ -134,6 +138,7 @@ export default class Footer {
</div>`;
}
// API
createPrateleira() {
fetch(
"https://m3academy.myvtex.com/api/catalog_system/pub/products/search/?fq=productClusterIds:319"

22
checkout/src/template-checkout/checkout-header.html
View File

@ -20,28 +20,6 @@
/>
<span>Compra segura</span>
</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>
</header>