Como inserir um banner específico para uma categoria do site?

Olá,

Você tem duas opções. Ou acessar a categoria individualmente e inserir uma imagem a ela. Ou por código.

Vamos lá, na página de Configurações > Layour e plugins > Categorias, você insere o plugin código html e insere o código abaixo:

<div id="banner-categoria"></div>

Insira o plugin onde desejar e lembre-se de salvar.

Agora em Editar CSS > Custom.css, insira o código abaixo:

#bodyCategory #banner-categoria {

  width: 100%;

  display: block;

  height: auto;

}

#bodyCategory.C10001 #banner-categoria::before {

  content: url("URL");

}

Onde tem escrito C10001, quer dizer que 100001 é o ID da categoria X. E na URL, você insere o link da imagem do banner. Para descobrir o ID da marca, você acessa Produtos > Categorias, ao lado esquerdo você vê o ID de cada categoria. Basta então repetir o código abaixo com X IDs:

#bodyCategory.CXXXXXX #banner-categoria::before {

  content: url("URL");

}

Para deixa-lo full. Coloque em Configurações > Editar jS o seguinte código:

var slider = $("#banner-categoria"); var html = slider.clone(); slider.remove(); $("body > .main").prepend(html);