Banner no meio da loja

Layout
1

Boa tarde!
É possível adicionar banner no meio da loja ?
Vejo que as opções de layout de loja só permitem banners no topo, tarja, etc.
Eu queria algo do tipo…
tem a categoria Dia dos namorados, mostra os produtos
aí em vez de entrar, logo em seguida, a categoria atacado, teria um banner para apresentar essa categoria e depois sim viria a categoria atacado.
Apenas um exemplo.
Adicionar banners em outras partes da loja.

printeco.com.br
obrigado!

1 curtida
2

Alguém? Também estou tendo esta dificuldade.

3

eu tambem estou querendo colocar banners no meio da loja

4

link: https://loja.lojadabruna.com.br/

$(function(){
	$('.titulo-categoria.borda-principal.cor-principal.vitrine-lancamento').before(
		`
		<div style="width: auto;height: auto;display: flex;flex-direction: row;justify-content: space-between;padding: 12px 0 26px;">
		  <a class="span6" href="https://www.lojadabruna.com/vestidos" style="margin-left: auto;margin-right: auto;text-align: center;">
			<img src="https://cdn.awsli.com.br/950/950939/arquivos/5.2.jpg">
		  </a>
		  <a class="span6" href="https://www.lojadabruna.com/shorts" style="margin-left: auto;margin-right: auto;text-align: center;">
			<img src="https://cdn.awsli.com.br/950/950939/arquivos/2.2.jpg">
		  </a>
		</div>
		`	
	);	

	$('.titulo-categoria.borda-principal.cor-principal.vitrine-mas-vendido').before(
		`
		<div style="width: auto;height: auto;display: flex;flex-direction: row;justify-content: space-between;padding: 12px 0 26px;">
		  <a class="span6" href="https://www.lojadabruna.com/vestidos" style="margin-left: auto;margin-right: auto;text-align: center;">
			<img src="https://cdn.awsli.com.br/950/950939/arquivos/3.2.jpg">
		  </a>
		  <a class="span6" href="https://www.lojadabruna.com/shorts" style="margin-left: auto;margin-right: auto;text-align: center;">
			<img src="https://cdn.awsli.com.br/950/950939/arquivos/4.2.jpg">
		  </a>
		</div>
		`	
	);	

	$('.titulo-categoria.borda-principal.cor-principal.vitrine-destaque').before(
		`
		<div style="width: auto;height: auto;display: flex;flex-direction: row;justify-content: space-between;padding: 12px 0 26px;">
		  <a href="https://www.lojadabruna.com/vestidos" style="margin-left: auto;margin-right: auto;text-align: center;">
			<img src="https://cdn.awsli.com.br/950/950939/arquivos/5.2.jpg">
		  </a>
		</div>
		`	
	);
});
1 curtida
5

Olá Leonardo, tudo bem? Você poderia me ensinar a colocar banner entre as categorias? Tipo entre uma categoria e outra… Um abraço e sucesso!

6

o código seria exatamente como postado acima, porem se vc não tiver conhecimento em programação, para entender o código, fica complicado explicar a programação.

$(function(){
	$('.titulo-categoria.borda-principal.cor-principal.vitrine-lancamento').before(
		`
		<div style="width: auto;height: auto;display: flex;flex-direction: row;justify-content: space-between;padding: 12px 0 26px;">
		  <a class="span6" href="https://www.lojadabruna.com/vestidos" style="margin-left: auto;margin-right: auto;text-align: center;">
			<img src="https://cdn.awsli.com.br/400x400/1789/1789427/banner/4536f3587e.jpg">
		  </a>
		  <a class="span6" href="https://www.lojadabruna.com/shorts" style="margin-left: auto;margin-right: auto;text-align: center;">
			<img src="https://cdn.awsli.com.br/400x400/1789/1789427/banner/4536f3587e.jpg">
		  </a>
		</div>
		`	
	);	

	$('.titulo-categoria.borda-principal.cor-principal.vitrine-mas-vendido').before(
		`
		<div style="width: auto;height: auto;display: flex;flex-direction: row;justify-content: space-between;padding: 12px 0 26px;">
		  <a class="span6" href="https://www.lojadabruna.com/vestidos" style="margin-left: auto;margin-right: auto;text-align: center;">
			<img src="https://cdn.awsli.com.br/400x400/1789/1789427/banner/4536f3587e.jpg">
		  </a>
		  <a class="span6" href="https://www.lojadabruna.com/shorts" style="margin-left: auto;margin-right: auto;text-align: center;">
			<img src="https://cdn.awsli.com.br/400x400/1789/1789427/banner/4536f3587e.jpg">
		  </a>
		</div>
		`	
	);	

	$('.titulo-categoria.borda-principal.cor-principal.vitrine-destaque').before(
		`
		<div style="width: auto;height: auto;display: flex;flex-direction: row;justify-content: space-between;padding: 12px 0 26px;">
		  <a href="https://www.lojadabruna.com/vestidos" style="margin-left: auto;margin-right: auto;text-align: center;">
			<img src="https://cdn.awsli.com.br/400x400/1789/1789427/banner/4536f3587e.jpg">
		  </a>
		</div>
		`	
	);
});

image
image1886×907 363 KB

7

Bom dia Acrescentei esse codigo via HTML, mas mesmo assim não aparece na minha Página, poderia me AJudar?

1 curtida