alguém sabe um código para fazer o baner tarja passar em carrosel? Achei que ocupou muito espaço nesse modelo um abaixo do outro. https://zabemodafeminina-manutencao.lojaintegrada.com.br/
1 curtida
Pelo menos para ficar centralizado…
.span12.banner.tarja {
text-align: center;
}
1 curtida
Obrigada pelo código!
Remover Esse código que vc colocou em CSS.
/*baner tarja no mobile*/
body > div.conteiner-principal > div.secao-banners > div > div.row-fluid.banner.hidden-phone {
display: block !important;
}
Adicionar um HTML e colocar o código abaixo.
<style type="text/css">
.flexslider2 {
display: none;
}
@media only screen and (max-width: 767px){
.flexslider2 {
display: block;
}
}
.flexslider2 div ul.slides {
text-align: center;
}
</style>
<script type="text/javascript">
$('.secao-banners .conteiner').append(`
<div class="row-fluid banner">
<div class="flexslider2">
<ul class="slides">
<li>
<img src="https://cdn.awsli.com.br/1140x1448/1234/1234901/banner/1394a20774.png" alt="frete gratis acima de xx">
</li>
<li>
<img src="https://cdn.awsli.com.br/1140x1448/1234/1234901/banner/e8b983008d.png" alt="Compra segura">
</li>
<li>
<img src="https://cdn.awsli.com.br/1140x1448/1234/1234901/banner/423ac84656.png" alt="parcelamento no cartão">
</li>
<li>
<img src="https://cdn.awsli.com.br/1140x1448/1234/1234901/banner/0f619e94c2.png" alt="desconto no boleto">
</li>
</ul>
</div>
</div>
`);
$('.flexslider2').flexslider({
animation: "slide"
});
</script>
PS: Não está automatizado, se colocar ou remover algum mini banner, precisa mudar o código.
Desconfigurou o meu desktop todo, não funcionou não!
está ativo agora?
posso ver como ficou?
eu removi, mas vou colocar de novo pra vc ver
Pronto coloquei, da uma ollhada lá
achei o problema
Tira essas aspas duplas neste lugar:
Eu tirei, mas a pagina do produto ainda está desconfigurada. será que eu que fiz errado?
aqui deu certo … coloque um item no carrinho para testar (carrossel somente na versão mobile)
na pagina inicial deu, mas agora na pagina do produto está desconfigurado, a foto do produto subiu e esta em cima do menu
Era para ter efeito só na Home, não fiz nada na de produto.
Foi assim mesmo que eu coloquei, a imagem subiu junto na hora que desconfigurou a pagina inicial também, quando o baner também subiu.
bom tira tudo e testa, se que voltar ao normal, bom lascou.
Achei o problema neste CSS
Mudar
top: 140px;
@media (min-width: 768px){
.menu.superior {
top: 133px;
}
}
Eu não achei essa parte
E para colocar isso css lá no final, aí acerta o menu.
Eu coloquei assim, mas não deu certo. Eu acho que estou fazendo errado mas não sei o que é!
.flexslider2 { display: none; } @media only screen and (max-width: 767px){ .flexslider2 { display: block; } } .flexslider2 div ul.slides { text-align: center; }@media (min-width: 768px){
.menu.superior {
top: 133px;
}
}
@Leonardo_Vicentini_F esse carrosel funciona no computador ou somente mobile?
Penso se seria possivel realizar um carrosel de imagens, conforme abaixo:
Conforme seu seu site loja integrada, um carrosel abaixo do retangulo verde e acima dos selos…
Algo parecido com isso, ao lado das lojas oficiais, nas quais as imagens vao rodando…como alguns widgets do instagram para loja integrada.