Este artigo técnico pretende explicar como criar banners para a loja web.
Permite criar banners de forma a personlizar a página inicial do portal, podendo este ser dinâmico, sendo possível alterar aleatoriamente uma imagem ou texto, de x em x tempo.
Para criar banners, tem de aceder ao menu
Configuração e depois escolher a opção
Banners. Os banners na homepage são identificados pelo objeto
#??#BANNERS#??# que irá apresentar todos os banners que estiverem ativos na data presente.
De seguida vamos demonstrar como foi criado o banner que aparece atualmente na Gourmet.
Criar banner para a HomepageÉ necessário ter em atenção a Categoria e a Data de início e data de fim, na criação de um banner.
Texto alternativo ao banner
<div class="row destaques">
<div class="carousel slide" data-ride="carousel" id="carousel-example-generic"><!-- Indicators -->
<ol class="carousel-indicators">
<li class="active" data-slide-to="0" data-target="#carousel-example-generic"> </li>
<li data-slide-to="1" data-target="#carousel-example-generic"> </li>
<li data-slide-to="2" data-target="#carousel-example-generic"> </li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img class="img img-responsive" alt="" data-aload="../pimages/GMT_images/GMT_ban01.jpg" />
</div>
<div class="item">
<img class="img img-responsive" alt="" data-aload="../pimages/GMT_images/GMT_ban02.jpg" />
</div>
<div class="item">
<img class="img img-responsive" alt="" data-aload="../pimages/GMT_images/GMT_ban03.jpg" />
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" data-slide="prev" href="#carousel-example-generic" role="button"><span class="sr-only">Previous</span> </a> <a class="right carousel-control" data-slide="next" href="#carousel-example-generic" role="button"> <span class="sr-only">Next</span> </a></div>
</div> |
Utiliza o texto como banner
Esta opção deverá estar ativa.
Tooltip do banner
Gourmet
Categoria
HOMEPAGE-TOP
Funcionalidade disponível nas gamas PHC CS: Corporate, Advanced e Enterprise
Subscrição de PHC On: Não
Ambiente de teste:- Versão de software PHC CS Web: 19
- Versão do browser: Chrome 49.0.2623.110 m
- Versão do Android/IOS: 5.1.1