Exibição de Banners em todas as páginas

         Você provavelmente já deve saber como realizar o cadastro de banners na plataforma, caso ainda não saiba, confira nosso artigo Banners. O objetivo deste artigo é mostrar a você como exibir um banner em todas as páginas do seu site.

         Para isso, acesse a tela de banners do seu painel administrativo em Vitrines >> Banners e para um banner novo ou um banner já cadastrado, você deverá ativar a configuração "Exibir o Banner em TODOS os Hotsites".

       Entretanto, para que os banners sejam efetivamente exibidos nas páginas, cada template e/ou subtemplate de hotsite (Busca, Categoria, Fabricante), onde o banner será exibido, deverá ter configurado o componente "Banner" com a tag "filtroPosicao" para lojas no Style Edition e com a tag “position” para as lojas que estão no Storefront, e definir com a mesma posição configurada para o banner cadastrado.

         A edição dos templates deverá ser realizada a partir do painel Style Editor da sua loja, selecionando os menus Produção >> Templates >> Hotsite. Porém, é importante ressaltar que as alterações aqui realizadas irão influenciar diretamente o layout da sua loja e, devido a isso, aconselhamos que essas alterações sejam realizadas por um profissional experiente ou por uma de nossas agências certificadas.

       Para lojas que estão no storefront, a configuração será realizada a partir dos menus Storefront >> Repositório >> Components >> banners_carousel.html através da tag “position“, conforme demonstrado a seguir:

        Para lojas no Style Editor, outra maneira utilizada para exibição do banner em todas as páginas do site, sem a necessidade da utilização da configuração "Exibir o Banner em TODOS os Hotsites" ou definir uma posição para o banner, seria que para os templates das páginas (Busca, Categoria, Fabricante), fosse utilizado o componente "Banner" com a tag "idsBanners", ao invés da tag filtroPosicao, pois a partir desta tag é possível inserir diretamente o id ou ids dos banners cadastrados.

         No cenário exemplificado abaixo, utilizamos a configuração do banner em conjunto com a tag "filtroPosicao" do componente "Banner" definida como centro.

Página de Busca

‌

Página de Categoria

         Já neste segundo exemplo, utilizamos apenas o componente "Banner" em conjunto com a tag "idsBanners".

Página de Fabricantes

       Com isso, finalizamos a apresentação de mais essa dica para potencializar seu negócio. Esperamos que tenha gostado e lhe desejamos ótimas vendas.