Este documento visa explicar como criar um template para o ecrã que aparece quando após o login no menu a seguir ao nome do utilizador se escolhe "As minhas encomendas". São listadas todas as encomendas efetuadas, as que ainda não foram faturadas e as que já estão faturadas. Foi transformado em Template, como tal a seguir são apresentados os dados do template básico criado para as encomendas.
Criar Template básico para a listagem de encomendas (código exemplo GMT_order)
Neste template básico do tipo storeOrders podem ser usados os seguintes objetos e campos da tabela de Bo, Bi e ST:
- #??#DOCDETAILLINK#??# - objeto com o link para o documento selecionado. Deve ser inserido portanto, no href de um link;
- #??#bo.totalDoc#??# - Total do documento (usado no cabeçalho de cada encomenda pendente ou finalizada);
- #??#bo.totalBaseDoc#??# - Total base do documento documento (usado no cabeçalho de cada encomenda pendente ou finalizada);
- #??#bo.totalIvaDoc#??# - Total do IVA do documento documento (usado no cabeçalho de cada encomenda pendente ou finalizada);
- #??#bo.totalDescDoc#??# - Total dos descontos do documento documento (usado no cabeçalho de cada encomenda pendente ou finalizada);
- #??#bi.lineValue#??# - Preço unitário documento (usado nas linhas de cada encomenda pendente ou finalizada);
- #??#bi.lineQtt#??# - Quantidade da linha (usado nas linhas de cada encomenda pendente ou finalizada);
- #??#bi.lineTotal#??# - Valor total da linha(usado nas linhas de cada encomenda pendente ou finalizada);
- #??#bi.lineDescTotal#??# - Valor do desconto da linha (usado nas linhas de cada encomenda pendente ou finalizada);
- #??#st.imagem#??# - caminho completo para a imagem do produto da linha em questão (usado nas linhas de cada encomenda pendente ou finalizada).
Este template tem a particularidade que dentro deste temos as seguintes Tags que estruturam o conteúdo a apresentar:
- <pendingOrders> - contêm o título das encomendas pendentes;
- <pendingOrder> - Indica que vão ser colocados os dados para cada encomenda pendente;
- <pendingOrdersCab> - contêm o cabeçalho de cada documento de encomenda pendente;
- <pendingOrdersLine> - contêm a linha de cada documento de encomenda pendente;
- <finalOrders> - contêm o título das encomendas finalizadas;
- <finalOrder> - indica que vão ser colocados os dados para cada encomenda finalizada;
- <finalOrdersCab> - contêm o cabeçalho de cada encomenda finalizada;
- <finalOrdersLine> - contêm a linha de cada encomenda finalizada.
TítuloGMT - Orders
Código de acesso a este registoGMT_order
Tipo de Template BásicostoreOrders
Conteúdo da Página <div class="row header_cart_page" style="background:url('../pimages/GMT_images/GMT_head_cart.jpg');background-size:cover;">
<h1>Encomendas</h1>
</div>
<pendingOrders>
<p class="ordersTitle">Encomendas Pendentes</p>
<pendingOrder>
<pendingOrderCab>
<div class="collapseHead">
<div class="col-sm-1">
<a href="#??#DOCDETAILLINK#??#">
<i class="fa fa-file-text-o"></i>
</a>
</div>
<div class="col-sm-2">
#??#bo.dataobra;dd-MM-yyyy#??#
</div>
<div class="col-sm-6">
#t#Documento nº#t# #??#bo.obrano#??#
</div>
<div class="col-sm-2 col-xs-10">
<span class="headerPrice">#??#bo.totalDoc#??#</span>
</div>
<div class="col-sm-1 pull-right">
<span class="caret collapseDoc"></span>
</div>
</div>
</pendingOrderCab>
<pendingOrderLine>
<div class="line">
<span class="orderImage"><img src="#??#st.imagem#??#" /></span>
<div class="line_des">
<p class="title">#??#st.faminome#??# - #??#bi.design#??#</p>
<ul class="text-right">
<li class="price">
<p>#t#Preço#t#</p>
<p>#??#bi.lineValue;#.00#??#</p>
</li>
<li class="qt">
<p>#t#Quantidade#t#</p>
<p>#??#bi.lineQtt#??#</p>
</li>
<li class="stot">
<p>#t#Subtotal#t#</p>
<p>#??#bi.lineTotal#??#</p>
</li>
</ul>
</div>
</div>
</pendingOrderLine>
</pendingOrder>
</pendingOrders>
<finalOrders>
<Br>
<Br>
<p class="ordersTitle">#t#Encomendas Finalizadas#t#</p>
<finalOrder>
<finalOrderCab>
<div class="collapseHead">
<div class="col-sm-1">
<a href="#??#DOCDETAILLINK#??#">
<i class="fa fa-file-text-o"></i>
</a>
</div>
<div class="col-sm-2">
#??#bo.dataobra#??#
</div>
<div class="col-sm-6">
#t#Documento nº#t# #??#bo.obrano#??#
</div>
<div class="col-sm-2 col-xs-10">
<span class="headerPrice">#??#bo.totalDoc#??#</span>
</div>
<div class="col-sm-1 pull-right">
<span class="caret collapseDoc"></span>
</div>
</div>
</finalOrderCab>
<finalOrderLine>
<div class="line">
<span class="orderImage"><img src="#??#st.imagem#??#" /></span>
<div class="line_des">
<p class="title"> #??#bi.design#??#</p>
<ul class="text-right">
<li class="price">
<p>#t#Preço#t#</p>
<p>#??#bi.lineValue#??#</p>
</li>
<li class="qt">
<p>#t#Quantidade#t#</p>
<p>#??#bi.lineQtt#??#</p>
</li>
<li class="stot">
<p>#t#Subtotal#t#</p>
<p>#??#bi.lineTotal#??#</p>
</li>
</ul>
</div>
</div>
</finalOrderLine>
</finalOrder>
</finalOrders>
|
É HTML puroEsta opção deverá estar ativa.
O Template tem Imagens na área do ConteúdoEsta 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