diff --git a/checkout/src/arquivos/js/components/Footer.js b/checkout/src/arquivos/js/components/Footer.js
index 4601f8a..08d8163 100644
--- a/checkout/src/arquivos/js/components/Footer.js
+++ b/checkout/src/arquivos/js/components/Footer.js
@@ -15,12 +15,10 @@ export default class Footer {
this.emptyButton = await waitElement(".link-choose-products");
this.paymentsMethods = await waitElement(".footerCheckout__payments");
this.certification = await waitElement(".footerCheckout__vtexpci");
- this.developedBy = await waitElement(".footerCheckout__developedBy");
this.emptyCartTitle();
this.emptyCartButton();
this.addPaymentsMethodsIcons();
this.addCertificationIcon();
- this.addDevelopedByIcons();
this.events();
this.items = await waitElement(".footerCheckout__prateleira-container");
console.log(this.items, "console de items");
@@ -193,27 +191,6 @@ export default class Footer {
`;
}
- addDevelopedByIcons() {
- this.developedBy.innerHTML = `
-
-
- Powered By
-
-
-
-
-
-
-
- Developed By
-
-
-
-
-
- `;
- }
-
async addCarrossel() {
const elemento = await waitElement(".footerCheckout__prateleira-container");
$(elemento).slick({
diff --git a/checkout/src/arquivos/sass/partials/_footer.scss b/checkout/src/arquivos/sass/partials/_footer.scss
index e3ecb5f..ac1fac1 100644
--- a/checkout/src/arquivos/sass/partials/_footer.scss
+++ b/checkout/src/arquivos/sass/partials/_footer.scss
@@ -210,32 +210,63 @@
display: flex;
list-style-type: none;
margin: 0;
+ gap: 16px;
+
+ li:first-child {
+ a {
+ align-items: center;
+ color: $color-gray2;
+ display: flex;
+ font-family: $font-family;
+ font-style: normal;
+ font-weight: normal;
+ font-size: 0;
+ line-height: 12px;
+ text-decoration: none;
+
+ &::after {
+ background-image: url("https://agenciamagma.vteximg.com.br/arquivos/logoVTEXM3Academy.png");
+ background-repeat: no-repeat;
+ background-size: 45px 16px;
+ content: "";
+ width: 45px;
+ height: 16px;
+ display: inline-block;
+ }
+ }
+ }
li:last-child {
- margin-left: 16px;
+ a {
+ align-items: center;
+ color: $color-gray2;
+ display: flex;
+ font-family: $font-family;
+ font-style: normal;
+ font-weight: normal;
+ font-size: 0;
+ line-height: 12px;
+ text-decoration: none;
+
+ &::after {
+ background-image: url("https://agenciamagma.vteximg.com.br/arquivos/logoM3M3Academy.png");
+ background-repeat: no-repeat;
+ background-size: 29px 16px;
+ content: "";
+ width: 29px;
+ height: 16px;
+ display: inline-block;
+ }
+ }
}
a {
- align-items: center;
- color: $color-gray2;
- display: flex;
- font-family: $font-family;
- font-style: normal;
- font-weight: normal;
- font-size: 10px;
- line-height: 12px;
- text-decoration: none;
-
span {
display: flex;
justify-content: center;
align-items: center;
- }
-
- img {
- display: block;
- height: 16px;
- margin-left: 8px;
+ margin-right: 8px;
+ font-size: 10px;
}
}
}