Olá, neste tutorial vamos ensina-los o que é e como criar uma tip bar.



O que é uma tip bar?

É o banner superior na página do e-commerce, ele pode ser usado para informações, ofertas sazonais, vinculados a cupons de ofertas, entre outras. Exemplo: 



Para criar uma vitrine TIPBAR, acesse no console o menu Vitrines > Vitrines.

Em seguida escolha o modelo da vitrine (HTML ou Banner DHTML

Caso optar pelo modelo HTML, clique na opção HTML. Em seguida preencha o nome para identificação da vitrine, a área e o template.
Em Pasta identifique a pasta para o controle e manutenção, para entender melhor sobre clique aqui!
No campo Nome para identificação, preencha o nome da vitrine. O nome ficará visível apenas no console.
Em Area, selecione AreaTopHeader.
Em Template, selecione Padrão.

Deixe para ativar a vitrine apenas por último e caso a TipBar ficar na home da loja, habilite o campo "Destaque na Home".

No campo Content, preencha o HTML da vitrine como no exemplo do print.
<div class="bg-primary" style="background-color: #17a2b8!important;">
<div class="container text-center">
<span class="font-size-13 text-light text-uppercase">
FRETE GRÁTIS PARA <strong class="text-warning"> TODO BRASIL! </strong>
</span>
</div>
</div>

Em seguida, preencha a data de início e término de ativação da vitrine.

Caso optar pelo modelo BANNER, clique na opção Banner DHTML. O processo para configuração é o mesmo da vitrine HTML.

A única diferença é que você irá inserir a imagem na aba "Images".

Também é possível programar o banner diretamente na aba de Imagem. Basta deixar o botão Ativo habilitado e programar as datas clicando no ícone de calendário.

Após inserir e alterar sua vitrine tipbar, salve.
Não esqueça de avaliar nosso tutorial, até breve!