Olá!!
Na loja integrada eu cosigo adicionar toda uma configuração para os banners desktop. Por exemplo adicionar em outras Página publicação além da home. Porém os Mobile não há.
config:
Pergunta: Como eu adiciono via código (JS) as páginas que eu quero que os banners mobile aparecam?
Por exemplo, banner1 gostaria que aparecesse na home e na pagina perfume e colonia
exemplo1
Olá boa tarde, vou mandar meu contato no privado.
Ainda não consegui resolver…
Testei o código do nosso dev, mas só complicou td. rs:
// Função para exibir os banners
function displayBanners() {
const currentUrl = window.location.href;
// Verificar a URL e exibir os banners correspondentes
if (currentUrl.includes("/perfumes-e-colonia-")) {
showBanner(BANNERS_MOBILE1);
} else if (currentUrl.includes("/marca/itallian-hairtech.html")) {
showBanner(BANNERS_MOBILE2);
} else if (currentUrl.includes("/marca/korres.html")) {
showBanner(BANNERS_MOBILE3);
} else if (currentUrl.includes("/maquiagem")) {
showBanner(BANNERS_MOBILE4);
}
}
// Função auxiliar para exibir o banner
function showBanner(banner) {
for (const key in banner) {
if (banner.hasOwnProperty(key)) {
const bannerData = banner[key];
const bannerElement = document.createElement(“a”);
bannerElement.href = bannerData.link;
const imgElement = document.createElement(“img”);
imgElement.src = bannerData.imageUrl;
bannerElement.appendChild(imgElement);
document.body.appendChild(bannerElement); // Você pode ajustar o local onde deseja inserir o banner
}
}
}
// Chamar a função para exibir os banners
document.addEventListener(“DOMContentLoaded”, displayBanners);