Banner do site não atualiza

CMS Personalização
#1

Boa tarde @Matheus , tudo bem?
Hoje o que não está atualizando é o banner da loja rsrs
Adicionei +1 e não apareceu!

image
image1286×492 121 KB

#2

oi @tricooficial , tudo bem?

Aqui esta mostrando.

Screenshot - 2021-06-23T174539.136
Screenshot - 2021-06-23T174539.1361333×561 663 KB

Pode ser a memória cache te atrapalhando ai.
Para limpar, basta pressionar junto: Ctlr+Shift+R.
A página vai recarregar com as novas informações.

Abraço!

#3

Boa tarde @tricooficial ,
Está publicado agora com os 3 banners, também vi o que houve e vou buscar uma correção aqui no próximo release.

Se você tiver acesso fácil ao seu DNS aí é bom fazermos a migração para o Google Cloud também (@Matheus), pra melhorar mais um pouco a performance da loja e agilizar próximas atualizações.

#4

Boa tarde, tudo bem?
No mobile está mostrando um embaixo do outro, como faço para colocar do lado?

@thais e @leonardo muito obrigado!

#5

Boa tarde @tricooficial , tudo bem sim, e você? :slightly_smiling_face:

Você pode adicionar o seguinte CSS:

#page-home .banners-grid .col-12 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

No seu CMS em Layout > Inserir código > CSS customizado.

Mas veja se os banners não ficam pequenos demais em mobile depois da alteração, principalmente porque eles estão linkados.

#6

Olá @leonardo , é possível aumentar eles um pouquinho?
Antes quando era apenas dois banners, era assim:
image

#7

Substitua o código anterior por:

@media(max-width: 767px) {
#page-home .banners-grid .col-12 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding-left: 2px;
  padding-right: 2px
}
}
#9

Oi @tricooficial ,

Desculpe a demora com isso, como foi no fim do semana acabou passando batido ontem.

Então, se a gente aumentar não vai caber os 3 em linha né, quer dizer, nesse tamanho do print é como fica por padrão quando tem dois banners apenas, para fazer os 3 ficarem com esse tamanho você poderia usar:

#page-home .banners-grid .col-12 {
  flex: 0 0 50%;
  max-width: 50%;
}

Mas nesse caso naturalmente já não iria caber mais os 3 na mesma linha, somente os dois primeiros, o terceiro seria jogado para baixo e acho que não ficaria legal também :neutral_face:

Ou com a sugestão do @Matheus você reduz o espaçamento entre os banners, continuariam bem menores do que com 2 banners apenas, mas aumentaria um pouco:

#page-home .banners-grid .col-12 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding-left: 2px;
  padding-right: 2px
}

Você também pode testar trocando esse 2px para 1px para tentar ganhar mais um pouquinho de espaço.

#10

@leonardo , @Matheus , obrigado!

#11