Pessoal, estamos testando colocar banners em algumas coleções , e percebemos que há somente a opção de subir ou uma versão desktop do banner, ou a mobile.
É possível colocar as duas versões com para esses banners de coleção ou categoria tb?
Quais as medidas de banner são usadas por padrão para que fique bacana o banner ali?
Boa tarde, tudo bem?
Não temos essa opção ainda, porque ela vem direto do backoffice que não define layout que de fato é no Editor, depois temos que pensar em como fazer isso.
Então sugiro colocar uma imagem mais retangular achatado.
Já seria possível (embora trabalhoso ) fazer isto especificamente na view (em “código” EJS) de cada categoria pelo respectivo slug.
Mas estamos estudando umas otimizações que envolvem manipulação de imagens no Storefront, talvez podemos aproveitar para tentar identificar os banners ideias para cada dispositivo pelas dimensões da imagem em vez de exibir todos os banners nesse caso, o problema é que poderia ser meio que um “hardset”, não teria como exibir banners de categoria verticais em desktop sem edição de código (a não ser que deixássemos configurável em algum local no CMS), o que vocês acham?
Ah belez então @Matheus a imagem retangular achatada quecitou, tem noção das dimensões delas em pixel? Usamos nos banners do primeiro slider da home imagens em 1200x466, reduzir então o tamanho na vertical em quantos % mais ou menos?
Ah maravilha, essa seria uma opção bem legal para se utilizar dentro das categorias, fica mais atrativo para o cliente, melhora e agrega valor ao produto, tanto quando pode ser usado em campanhas de mkt e promos esses links de categorias, então seria bacana ser padrão uma imagem para mobile e outra para desk, para a visualização ficar 100% show.
Digo por padrão uma imagem para mobile e outra para desktop, como fazemos pelo cms com os demais banners da home page, por exmplo, mais ou menos nessa ideia, teria como?
Habilitar isso no CMS seria uma baita evolução, acho que vai ajudar vários lojistas e dar liberdade para criarem seus conteudos e adicionarem ali livremente, sem se preocupar com bugs na hora que abrir o site na categoria escolhida! tem essa chance de habilitar esse feature?
Sobre o tamanho das imagens, nao tem padrão criado ou existe algum tamanho recomendado, exemplos de outras lojas que utilizam o banner ali e fica boa a visualização?
Ah, legal a sua dica, isso funciona bem mesmo ali pelo CMS com os outros sliders de banner, conteudos customizados ou até estantes, mas no caso desses banners ai de categoria é por outro caminho dentro do painel que conseguimos incluir cada imagem, seria pela Categoria direto é por aqui , veja:
É isso mesmo! O CMS recebe a variável correspondente a categoria (separando o que é cada bloco) e você define o posicionamento dela em Páginas > Categoria. Essa configuração de posicionamento que fizer, valerá para todas categorias.
Ah, acho que agora entendi a logica, fazendo pelo CMS e ordenando por exemplo a descrição antes do banner, ou vice versa tb funciona no sotorefront da categoria na loja. Bacana!
Mas e as resoluções ideais para mobile e desktop, tem alguma referencia de tamanho em px?
Não tem ainda conforme o @leonardo falou, essa diferenciação na página de categoria de forma fácil fazer isso. As imagens precisariam ser diferentes, mas como não tem como por enquanto, precisaria achar um tamanho mais achatado que o conteúdo fique bom verticalmente e horizontalmente. Talvez centralizando mais o conteúdo no centro. O tamanho exato, só fazendo teste.
Estamos dando uma estudade em uma forma de fazer isso por padrão, considerando as dimensões dos banners da categoria ou marca.
Por enquanto você teria que fazer em código, o ideal seria no EJS (para evitar “gambiarras”) mas talvez seja mais trabalhoso, talvez seja mais fácil fazer com JS e CSS adicional, uma agência deve implementar isso fácil, mas de qualquer forma se não implementarmos como um padrão do Storefront depois a gente dá um exemplo de código aqui.
Não sei se entendi essa parte
Dá pra adicionar conteúdo “livremente” pelo CMS nas páginas de categorias, assim como nas outras páginas, claro que o CMS para criar abstrações também cria alguns padrões e limitações, customização 100% livre é apenas em código.
Acho que o banner dessa sua categoria Proteção Militar está bem dimencionado para mobile, se a abordagem for mobile first acho que está legal sim, para desktop realmente o ideal seria um banner um pouco mais horizontal (com o banner vertical a vitrine fica muito para baixo). Usando só um banner por categoria para mobile e desktop talvez por enquanto seja bom você tentar um meio termo, algo como 800x800 px.