Imagens na página inicial

Como introduzir imagens (Banners) entre as coleções?

Oi @fernandadeoliveira,

Você se refere aos banners no topo da página antes das coleções? Ou as imagens de produtos nas coleções?

Se for os banners no topo da página eu recomendo que você edite as imagens mesmo, tente diminuir a altura mantendo a mesma largura, também é bom manter os banners com o mesmo tamanho.
Uma segunda opção neste caso seria limitar a largura do slider (por padrão fica em tela cheia) com CSS:

.banner-slider {
  max-width: 1000px;
}

Este CSS é só um exemplo, você pode alterar o 1000px pra adaptar ao que achar que fica melhor.

Não são os banners principais, mas sim banners entre as coleções. Por exemplo, entre a coleção destaques e promoções colocar um banner.
Também banner menores entre a barra de informações e a primeira coleção

Ah sim, interpretei mal.
Você pode editar isto direto no HTML (EJS), facilitei um pouco pra você, agora basta alterar as linhas que vou abaixo:



Pra adicionar um banner único você pode colocar a imagem como:

<img src="url-da-imagem" class="img-fluid"/>

Pra adicionar mais banners em linha único você pode usar o grid do Bootstrap:

<div class="row>
  <div class="col-lg-4">
    <img src="url-da-imagem-1" class="img-fluid"/>
  </div>
  <div class="col-lg-4">
    <img src="url-da-imagem-2" class="img-fluid"/>
  </div>
  <div class="col-lg-4">
    <img src="url-da-imagem-3" class="img-fluid"/>
  </div>
</div>

Nota: acho que isto vai ser uma demanda comum (certo @Matheus ?), adicionei no roadmap da V2 uma melhoria para o CMS para possibilitar esta edição sem necessidade de alteração em código (embora editar o HTML te permita fazer alterações de mais flexíveis). Isto vai ser implementado em breve, então se preferir esperar… :slight_smile:

Show!!!
Assim que colocar a loja definitivamente já vou usar o caminho!!!

Boa! A V2 vai estar fodastica…kkkkk

Sim, muitas alterações que vão facilitar muito na implementação de alterações na loja.

1 Curtida