Este artigo técnico explica de que forma podemos construir um template, onde na parte inicial do portal contêm o logo da empresa, o menu aplicacional, a pesquisa global, o iniciar sessão e o carrinho.

Neste header são usados dois templates básicos, o template do header em si com a estrutura e os objetos usados e também o template básico que constrói o carrinho.





Criar Template básico do Header (código exemplo - GMT_header)

Este template básico terá de ser do tipo Header e poderá conter os seguintes objetos:



• #??#STORESEARCH#??# - objeto que contêm a pesquisa global;


• #??#STORECART#??# - objeto que chama o template básico do carrinho;


• #??#STORESIDECART#??# - objeto que chama o template básico do carrinho e permite que este apareça de lado em todas as páginas;


• #??#PORTALUSERLOGIN#??# - Objeto que contem o botão de iniciar sessão;


• #??#APPMENU#??# - Objeto com os menus configurados na Framework PHC que tenham o package a incluir "Portal".

Título
GMT - Header

Código de acesso a este registo
GMT_header

Tipo de Template Básico
Header

Conteúdo da Página

<div class="Header"> <img class="logo img img-responsive" src="../pimages/GMT_images/GMT_logo.png" /> <nav role="navigation" class="menu navbar-default"> <div class="container"> <div class="pull-right"> <div class="searchFix">#??#STORESEARCH#??#</div> #??#STORECART#??# #??#PORTALUSERLOGIN#??# </div> <div class="navbar-header"> <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle navbar-left"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div id="navbarCollapse" class="collapse navbar-collapse"> <div>#??#APPMENU#??#</div> </div> </div> </nav> </div> <div class="spacer"></div>

É HTML puro
Esta opção deverá estar ativa.

O Template tem Imagens na área do Conteúdo
Esta opção deverá estar ativa.


Criar Template básico do carrinho (código exemplo - GMT_storeCart)

Este template básico terá de ser do tipo StoreCart e poderá conter os seguintes objetos:



• #??#STORECARTLINK#??# - link para a página do carrinho;


• #??#STORECARTQTT#??# - quantidade total de artigos adicionados;


• #??#STORECARTPRICE#??# - preço total dos artigos adicionados.

Título
GMT - Store Cart

Código de acesso a este registo
GMT_storeCart

Tipo de Template Básico
StoreCart

Conteúdo da Página

<a href="#??#STORECARTLINK#??#"> <p class="cartImage"> <i class="fa fa-shopping-cart"></i> #??#STORECARTQTT#??# </p> #??#STORECARTPRICE#??# </a>

É HTML puro
Esta opção deverá estar ativa.

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

Templates da Loja Web