diff --git a/checkout/src/arquivos/js/components/Footer.js b/checkout/src/arquivos/js/components/Footer.js index 0577374..7fb2a36 100644 --- a/checkout/src/arquivos/js/components/Footer.js +++ b/checkout/src/arquivos/js/components/Footer.js @@ -53,6 +53,7 @@ export default class Footer { this.onUpdate(); if (window.location.hash == "#/cart" && this.checkoutVazio.style.display == "none") { this.listaInfocards.style.display = "flex"; + //this.slickOn(); } if (window.location.hash != "#/cart") { this.listaInfocards.style.display = "none"; @@ -66,12 +67,13 @@ export default class Footer { let target = this.checkoutVazio; let prateleiraItens = this.prateleiraInfoCards; let titulo = this.tituloCarrinho; - if (target.style.display == "none") { + if (target.style.display == "none" && window.location.hash == "#/cart") { titulo.style.display = "block"; this.pegarInfo( "https://m3academy.myvtex.com/api/catalog_system/pub/products/search/?fq=productClusterIds:319" ); prateleiraItens.style.display = "flex"; + this.slickOn(); } else { titulo.style.display = "none"; prateleiraItens.style.display = "none"; @@ -86,10 +88,12 @@ export default class Footer { mutations.forEach(function (mutation) { console.log("oi", mutation); if (target.style.display != "none") { + //this.slickOff(); prateleiraItens.style.display = "none"; titulo.style.display = "none"; } else { prateleiraItens.style.display = "flex"; + //this.slickOn(); titulo.style.display = "block"; } }); @@ -156,6 +160,7 @@ export default class Footer { this.prateleiraInfoCards.innerHTML = `

Você também pode gostar:

`; + this.slickOn(); } renderIconCreditCards() { @@ -179,27 +184,40 @@ export default class Footer {
  • Developed By
  • `; } - async trocaTitle() { + trocaTitle() { const tituloCart = document.querySelector(".empty-cart-title"); tituloCart.innerHTML = `

    SEU CARRINHO ESTÁ VAZIO

    `; this.subTitleCart.innerHTML = `

    `; this.buttonCart.innerHTML = `Continuar comprando`; } - async trocaFrete() { + trocaFrete() { this.freteCarrinho.innerHTML = `Frete`; } - async trocaUnidade() { + trocaUnidade() { this.unidadeCarrinho.innerHTML = `Unidade`; } - async trocaNotiCliente() { + trocaNotiCliente() { this.notiCliente.innerHTML = ``; } /* async trocaNoCep() { this.noCep.innerHTML = `Não sei meu código postal`; }*/ - async trocaIdentificao() { + + trocaIdentificao() { this.identificacaoUser.innerHTML = `Identificação`; } + //slick + slickOn() { + $(".infoCards").slick({ + dots: false, + infinite: true, + slidesToShow: 3, + slidesToScroll: 1, + }); + } + slickOff() { + $(".infoCards").slick("unslick"); + } } diff --git a/checkout/src/arquivos/sass/checkout/_checkout.scss b/checkout/src/arquivos/sass/checkout/_checkout.scss index 2fd65f5..0f7c0e6 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout.scss @@ -9,7 +9,7 @@ html { } footer .footerCheckout__wrapper { - width: 94.9734%; + width: 100%; margin: auto auto 0 auto; } footer .footerCheckout__prateleira, @@ -74,6 +74,7 @@ body { font-size: 24px; line-height: 33px; margin: 40px 0 30px; + letter-spacing: 0.05em; text-transform: uppercase; diff --git a/checkout/src/arquivos/sass/partials/_footer.scss b/checkout/src/arquivos/sass/partials/_footer.scss index d899791..460bec6 100644 --- a/checkout/src/arquivos/sass/partials/_footer.scss +++ b/checkout/src/arquivos/sass/partials/_footer.scss @@ -5,7 +5,7 @@ width: 100% !important; display: flex; flex-direction: column; - border-top: 1px solid #000000; + color: $color-gray2; &__wrapper { @@ -13,14 +13,16 @@ display: flex; justify-content: space-between; margin: 50px 0 0 0 !important; + border-top: 1px solid #000000; } .container { + padding: 27px 32px 24px 32px; width: 100%; display: flex; flex-direction: row; align-items: center; - justify-content: center; - margin: 0 !important; + + //margin: 0 0 0 16px !important; } &__prateleira { //display: none; @@ -125,7 +127,11 @@ font-size: 10px; line-height: 12px; text-transform: capitalize; - max-width: 40%; + width: 269px; + margin-right: 45px; + &:span { + width: 269px; + } @include mq(md, max) { margin-bottom: 24px; @@ -139,11 +145,16 @@ display: flex; justify-self: center; list-style: none; + margin-right: 166px; flex-direction: row; - margin: 0; + //margin-right: 189px; + + ul { + margin: 0 0 0 0 !important; + } @include mq(md, max) { align-self: center; - margin-bottom: 12px; + //margin-bottom: 12px; } &__divider { @@ -166,17 +177,18 @@ } &__developedBy { - width: 18.6%; + width: 26.6%; align-items: center; display: flex; list-style-type: none; margin: 0; li:last-child { - margin-left: 16px; + margin-left: 5px; } a { + width: 120px; align-items: center; color: $color-gray2; display: flex; @@ -191,10 +203,10 @@ margin-right: 8px; } .iconDevV { - width: 19.65%; + width: 30.65%; } .iconDeveLM3 { - width: 15.65%; + width: 30.65%; } } } diff --git a/checkout/src/arquivos/sass/partials/_header.scss b/checkout/src/arquivos/sass/partials/_header.scss index 5a7de07..647d5ed 100644 --- a/checkout/src/arquivos/sass/partials/_header.scss +++ b/checkout/src/arquivos/sass/partials/_header.scss @@ -72,22 +72,28 @@ } li .progress-bar-line-1 { position: absolute; - left: 57%; + left: 58%; transform: translateY(-50%); bottom: 4px; - width: 212%; + width: 176px; height: 1px; border-top: 1px solid #000; } li .progress-bar-line-2 { position: absolute; - right: 59%; + right: 60%; transform: translateY(-50%); - bottom: 5px; - width: 242%; + bottom: 4px; + width: 171px; height: 1px; border-top: 1px solid #000; } + p { + font-family: $font-family-secundary; + font-weight: 400; + font-size: 12px; + color: $color-black-100; + } } } &__wrapper {