Banners nas coleções/categorias

Boa tarde! Tudo certo?
equipe @ecomplus

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?

Podem nos dar esse help?

Valeu!
abs

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.

1 curtida

Já seria possível (embora trabalhoso :neutral_face: ) 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?

1 curtida

Bom dia, tudo certo e vc?

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?

obrigado

Olá @leonardo , bom dia!

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?

Valeu pelo feedback! :+1: :grinning_face_with_smiling_eyes:

1 curtida

Oi Bom dia!

Alguma sugestão para melhorar a visualização dos banners @leonardo @Matheus ?

Conseguimos incluir um banner no campo descrição, mas não ficou tao legal, ficou abaixo dos produtos na categoria, veja:

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?

aguardamos

Abrs

Se não me engano, para alterar a posição basta ir na edição de frente de loja:

Páginas > Categorias

E ai colocar os elementos na ordem que deseja. No caso só arrastar “banner” para antes de “produtos da categoria”

2 curtidas

Oi @barradoce tudo bem? :blush:

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:

Mesmo assim, valeu a fica, no aguardo dos experts do e-commerce nos darem uma luz pra resolver mais essa ae! :grin:

Valeu!

Abrs.

ah… entendi!

É, eu chutaria que neste caso o caminho seria mudar o posicionamento da descrição pelo CMS.

Mas vamos esperar o pessoal responder, com mais propriedade com certeza!! :smiley:

1 curtida

É 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.

1 curtida

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?

Isso mesmo!

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.

1 curtida

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 :grimacing:
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.