Criar Banner Tarja em Produtos na Versao Mobile

Layout
1

Ola pessoal Eu ativei o banner tarja para aparecer uma mensagem em todos os produtos e aparece normalmente no formato desktop. Mas quando coloco na versao mobile nao aparece. Existe algum codigo para ativar essa funcao nos celulares? Coloquei a informacao de frete gratis e gostaria que o pessoal que acessa a loja pelo celular visse isso em cada produto que entrar. Obrigado…

2

não aparece pq ficaria ilegível…

image
image399×723 62.4 KB

com esse código vc pode customizar o banner no mobile

if ($(".secao-banners .conteiner .row-fluid.abriga-bannertarja .spanNone.banner.tarja").length == 0 ){
    $(".abriga-breadcrumbs").after(`<div class="secao-banners">
        <div class="conteiner">
            <div class="row-fluid abriga-bannertarja">
                <div class="spanNone banner tarja">
                    <img src="https://cdn.awsli.com.br/1140x1448/1718/1718127/banner/740c7e48e9.png" alt="Tarja - Frete Gratis">
                </div>
            </div>
        </div>
    </div>`);
}
3

Ola Leonardo. Acompanho voce e sempre vejo voce ajudando o pessoal. Eu coloquei o codigo como html inferior e refletiu no desktop, mas nao refletiu no mobile

Captura de Tela 2021-05-24 às 12.39.30
Captura de Tela 2021-05-24 às 12.39.302184×1584 238 KB

4

aqui foi para o mobile tb

image
image495×918 108 KB

5

Esse banner é o full, no qual uso outro codigo para acionar ele no mobile. O tarja nao foi

6

Eu uso esse para FULL no mobile. Esse da homepage

7

então, para isso precisa editar o endereço da imagem no código que coloquei…, fazendo um upload por fora (pode ser no próprio LI)

8

OK. Leonardo. Upei a foto conforme sua orientacao. Mas ele duplicou a informacao na loja desktop… Ai fiz o seguinte. Fui la em banners e ocultei o banner tarja e ficou 1 so no desktop… Mas no mobile nao refletiu a informacao do banner com esse seu codigo. Quando inspeciono uma pagina de produto em modo anonimo convertendo para mobile pelo chrome ou quando entro pelo celular em modo anonimo tambem, nao ha a visualizacao. Inclusive vou deixare ativo. Ja coloquei um produto no carrinho e ja aguardei tb 15 minutos… Obrigado

Captura de Tela 2021-05-24 às 16.09.18
Captura de Tela 2021-05-24 às 16.09.182490×1582 390 KB

9

verdade deu uma duplicada aqui, a prevenção não está rolando, devido alguma alteração no layout que havia fixado.

mas pode ser assim tb … conforme tamanho da tela

if (window.innerWidth <= 440 ){
    $(".abriga-bannertarja").after(`<div class="secao-banners">
        <div class="conteiner">
            <div class="row-fluid abriga-bannertarja">
                <div class="spanNone banner tarja">
                    <img src="https://cdn.awsli.com.br/1140x1448/1718/1718127/banner/740c7e48e9.png" alt="Tarja - Frete Gratis">
                </div>
            </div>
        </div>
    </div>`);
}

image

10

Tentei colocar o código conforme descrito mas não consegui. Na verdade parte do código fica ao final da página. Como devo proceder ?

11

por favor me ajude a colocar banner tarja específico para mobile

12

Olha para fazer isso vc precisa de um tema que tenha suporte para isso.
Essa é a única forma que sei fazer.

1 curtida