Olá, pessoal, estou configurando minha loja graças a ajuda da comunidade, diversos códigos pelos tópicos, show!! Porém preciso adicionar link para cada mini banner que eu tenho na versão mobile, meu site thfut.com
Observação: O mini banner a mostra na versão mobile não é o nativo do tema/loja integrada, é um cod que encontrei aqui na comunidade (nesse a imagem não perde a qualidade), segue cod:
digite ou cole o <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/628/628877/arquivos/MINI_BANNER_BRASIL_COPA_resultado.jpg" alt="frete gratis acima de xx">
</li>
<li>
<img src="https://cdn.awsli.com.br/628/628877/arquivos/MINI_BANNER_COLECAO_RETRO.png" alt="Compra segura">
</li>
<li>
<img src="https://cdn.awsli.com.br/628/628877/arquivos/Prancheta 2.jpg" 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({
easing: "swing",
animation: "slide",
slideshowSpeed: 2500,
animationSpeed: 800,
startAt: 0,
initDelay: 0
});
</script>código aqui
Encontrei um cod na comunidade que adiciona um link ao um elemento banner, porém não sei como adaptar para meu código, segue cod encontrado:
$LINKTARJA = 'COLOCA O LINK AQUI DO REDIRECIONAMENTO'
$('.banner-tarja.mob').prepend('<a href="'+$LINKTARJA+'">'+ $('.banner-tarja.mob').html());
$('.banner-tarja.mob > *:not(a)').remove();