Este artigo explica a forma com se cria o template e como as categorias e subcategorias são compostas, pelo cabeçalho da categoria e depois pelos itens que existem dentro dessa categoria.
Na apresentação das categorias poderá filtrar pelos items desejados, caso depois pretenda fazer um novo filtro basta clicar na opção "Limpar filtros".
Criar Template básico do cabeçalho da Categoria (código exemplo GMT_catHeader)
Template básico do tipo "StoreCatalog", com os dados que aparecem no cabeçalho das categorias. Podem-se usar os seguintes objetos e campos de tabela (pode-se utilizar qualquer campo da tabela stcat):
- #??#STOREBREADCRUMB#??# - guarda o valor do caminho percorrido (hierarquia);
- #??#stcat.img#??# - valor da imagem para o cabeçalho da categoria;
- #??#stcat.titulo#??# - valor do título da categoria;
- #??#STOREGRIDLIST#??# - objetos com as opções de vista dos produtos (lista/grid);
- #??#STOREORDER#??# - caso a categoria tenha configurado os campos de ordenação coloca a combobox da ordenação.
Título
GMT - Catalog Header
Código de acesso a este registo
GMT_catHeader
Tipo de Template Básico
StoreCatalog
Conteúdo da Página
#??#STOREBREADCRUMB#??#
<div class="head_img" style="background:url('#??#stcat.img#??#');background-size:cover;">
<span class="cat_ttl">#??#stcat.titulo#??#</span>
</div>
#??#STOREGRIDLIST#??#
#??#STOREORDER#??#
<span class="limpa"></span>
|
É HTML puro
Esta opção deve estar ativa.
O Template tem Imagens na área do Conteúdo
Esta opção deve estar ativa.
Criar Template básico do item da Categoria (código exemplo GMT_catItem)
Template básico do tipo StoreCatalog, com os seguintes campos de tabela (pode-se utilizar qualquer campo da tabela stcat):
- #??#stcat.imgitem#??# - imagem para item;
- #??#stcat.titulo#??# - título da categoria.
Título
GMT - Catalog Item
Código de acesso a este registo
GMT_catItem
Tipo de Template Básico
StoreCatalog
Conteúdo da Página
<div class="elem_cats">
<div class="img_cat" style="background:url('#??#stcat.imgitem#??#');background-size:cover;"></div>
<div class="elem_info">#??#stcat.titulo#??#</div>
</div>
|
É HTML puro
Esta opção deve estar ativa.
Criar Template básico do item em Grelha (código exemplo GMT_catItem_grid)
O template básico para mostrar os produtos em vista de grelha. Este template têm de ser do tipo "StoreCatalog" e poderá conter os campos da tabela de artigos (pode-se utilizar qualquer campo da tabela st), classes e o objeto:
- #??#st.imagem#??# - imagem do artigo;
- ??#st.design#??# - nome do artigo;
- addCart - necessário estar presente na class para que se possa adicionar o produto ao carrinho;
- openST - abre o detalhe do artigo (stview);
- #??#PRICE#??# - usa o preço do artigo definido nos parâmetros;
- #??#CUTEDPRICE#??# - preço original do artigo cortado quando existe configurado o artigo numa tabela de preços.
Título
GMT - Catalog Item Grid
Código de acesso a este registo
GMT_catItem_grid
Tipo de Template Básico
StoreCatalog
Conteúdo da Página
<div class="prods_grid">
<div class="prod_img openST" style="background:url('#??#st.imagem#??#');background-size:cover;"></div>
<div class="prod_info">
<div class="cart_img addCart">
<i class="fa fa-shopping-cart"></i>
<i class="fa fa-plus"></i>
</div>
<div class="prod_info_txt openST">
<p class="prod_des">#??#st.design#??#</p>
<p class="prod_precoDesconto">#??#PRICE#??#</p>
<p class="prod_precoOriginal">#??#CUTEDPRICE#??#</p>
</div>
</div>
</div>
|
É HTML puro
Esta opção deve estar ativa.
Criar Template básico do item em Lista (código exemplo GMT_catItem_list)
Template básico para mostrar os produtos em Lista. O template deverá ser do tipo StoreCatalog e pode conter os campos da tabela de artigos (pode-se utilizar qualquer campo da tabela st), classes e os objetos seguintes:
- #??#st.imagem#??# - imagem do artigo;
- ??#st.design#??# - nome do artigo;
- addCart - necessário estar presente na class para que se possa adicionar o produto ao carrinho;
- openST - abre o detalhe do artigo (stview);
- #??#PRICE#??# - usa o preço do artigo definido nos parâmetros;
- #??#CUTEDPRICE#??# - preço original do artigo cortado quando existe configurado o artigo numa tabela de preços.
Título
GMT - Catalog Item List
Código de acesso a este registo
GMT_catItem_list
Tipo de Template Básico
StoreCatalog
Conteúdo da Página
<div class="prods_list ">
<div class="cart_img addCart">
<i class="fa fa-shopping-cart"></i>
<i class="fa fa-plus"></i>
</div>
<div class="openST">
<div class="prod_img_list" style="background:url('#??#st.imagem#??#');background-size:cover;"></div>
<div class="prod_des">
<p>#??#st.design#??#</p>
<p>#??#st.desc1#??#</p>
<p class="prod_precoDesconto">#??#PRICE#??# </p>
<p class="prod_precoOriginal">#??#CUTEDPRICE#??#</p>
</div>
</div>
</div>
|
É HTML puro
Esta opção deve estar ativa.
O Template tem Imagens na área do Conteúdo
Esta opção deve 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