Como faço para colocar um banner entre as categorias via código?

Gostaria de algum código para poder colocar um banner (pode ser tarja, full banner ou mini banners) entre as categorias da pagina principal?

1 curtida

Manda o link da sua loja para fazer para vc

1 curtida

Bom dia, segue:

1 curtida

Olá veja se assim resolve para você:

/*VITRINE CESTAS ESPECIAIS*/

#listagemProdutos > a.titulo-categoria.borda-principal.cor-principal.vitrine-3885467 > strong:before{
  content: url("https://link da sua imagem");
}

/*VITRINE NAVEGUE POR DEPARTAMENTO*/

#box-slide > div > div > div.titulo-categoria > strong > span:before{
  content: url("https://link da sua imagem");
}

/*VITRINE FLORES*/

#listagemProdutos > a.titulo-categoria.borda-principal.cor-principal.vitrine-3825602 > strong:before{
  content: url("https://link da sua imagem");
}

/*VITRINE ANIVERSÁRIO*/

#listagemProdutos > a.titulo-categoria.borda-principal.cor-principal.vitrine-17622461 > strong:before{
  content: url("https://link da sua imagem");
}


/*VITRINE PARA HOMENS*/

#listagemProdutos > a.titulo-categoria.borda-principal.cor-principal.vitrine-17622500 > strong:before{
  content: url("https://link da sua imagem");
}

/*VITRINE ROMANTICO*/

#listagemProdutos > a.titulo-categoria.borda-principal.cor-principal.vitrine-17622459 > strong:before{
  content: url("https://link da sua imagem");
}

Se precisar de mais algum ajuste em CSS é só falar.
Espero ter ajudado.

2 curtidas

Nossa, deu certo sim, vai me ajudar muito esse código. muito obrigado!!!

Sem querer abusar, mas quando acessa do mobile a imagem aparece tão grande quanto a de desktop… sabe alguma forma da imagem adaptar para versão mobile? Ou de repente simplesmente não aparecer na versão mobile?

Att,

| Mauricio_Pereira
Julho 18 |

  • | - |

Olá veja se assim resolve para você:

/*VITRINE CESTAS ESPECIAIS*/

#listagemProdutos > a.titulo-categoria.borda-principal.cor-principal.vitrine-3885467 > strong:before{
  content: url("https://link da sua imagem");
}

/*VITRINE NAVEGUE POR DEPARTAMENTO*/

#box-slide > div > div > div.titulo-categoria > strong > span:before{
  content: url("https://link da sua imagem");
}

/*VITRINE FLORES*/

#listagemProdutos > a.titulo-categoria.borda-principal.cor-principal.vitrine-3825602 > strong:before{
  content: url("https://link da sua imagem");
}

/*VITRINE ANIVERSÁRIO*/

#listagemProdutos > a.titulo-categoria.borda-principal.cor-principal.vitrine-17622461 > strong:before{
  content: url("https://link da sua imagem");
}

/*VITRINE PARA HOMENS*/

#listagemProdutos > a.titulo-categoria.borda-principal.cor-principal.vitrine-17622500 > strong:before{
  content: url("https://link da sua imagem");
}

/*VITRINE ROMANTICO*/

#listagemProdutos > a.titulo-categoria.borda-principal.cor-principal.vitrine-17622459 > strong:before{
  content: url("https://link da sua imagem");
}

Se precisar de mais algum ajuste em CSS é só falar.
Espero ter ajudado.