Tags especiais de produtos

Tags especiais de produtos

 

O arquivo EstiloProduto.htm pode conter as seguintes tags especiais de produtos, que serão substituídas por conteúdo obtido a partir do cadastro de produtos da loja:


Tag especial:  <prodList> e </prodList> ou <ProdLista> e </ProdLista>

Substituída pelo nome da loja, informado em Dados da loja.

Delimitam o código HTML das listas de produtos.
Se a loja utiliza autopaginação, somente o conteúdo entre estas tags será repetido a cada página de produtos automaticamente carregada.

Tags obrigatórias.

Tag especial:  <prodDet> e </prodDet>

Delimitam o código HTML de detalhe de cada produto.

Tags obrigatórias.

Tag especial:  <prodAmp> e </prodAmp>

Delimitam o código HTML de ampliação de imagem de cada produto.

Tags obrigatórias.

Tag especial:  <formProd> e </formProd>

Delimitam o posicionamento das tags de descritores, cor e de carrinho de compras.

Tags obrigatórias: deve haver um conjunto para cada tag delimitadora acima.

Tag especial:  <sub> e </sub>

Delimitam o código HTML de cada subproduto. Estas tags são obrigatórias somente se a loja utiliza subprodutos. Neste caso, deve haver um conjunto para cada tag delimitadora: <prodList>, <prodDet> e <prodAmp>

Tag especial:  <prodTop> e </prodTop>

Delimitam o código HTML exibido no início de todas as páginas de produtos. Utilizada para incluir scripts client-side que calculam e exibem os parcelamentos disponíveis para cada produto.

Tag especial:  <prodBottom> e </prodBottom>

Delimitam o código HTML exibido no final de todas as páginas de produtos. Utilizada para incluir tag </FormProdMult> para fechamento de form de múltiplos produtos (veja detalhes ao final desta página).

Tag especial:  <JurosParcelas>

Tag exclusiva para a seção <ProdTop>, que deve ser incluída caso a loja exiba os parcelamentos disponíveis para cada produto. Se esta tag existir, o arquivo JurosParcelas.js deverá ser enviado para a pasta htm da loja, contendo os juros para cada número de parcelas.

Tag especial:  <storeId> ou <IDLoja> ou <IDLojaNum>

Estas tags são substituídas pelo ID da loja.

Tag especial:  <Y>

Esta tag é substituída pelo valor do Y dinâmico, que varia para cada visitante. Utilizada para criar forms para as páginas do Fastcommerce.


Ex: Para incluir campo hidden com o Y correto, utilize

<input type=hidden name=Y value=<Y>>


A linha acima resulta em:

<input type=hidden name=Y value=1166564875496>

Tag:  <pathTo file="nomearquivo.ext">

Substituída pelo caminho para arquivo hospedado nas pastas da loja. Permite criar links para os arquivos .htm, .js, .css e para as imagens da loja.

Ex: Para criar link para uma imagem chamada Empresa.jpg existente na pasta /images, utilize
<img src=<pathTo file="images/Empresa.jpg">>

Tag:  <pathAMP url="/caminho">

Substituída pela URL para página da loja acessada através do Google AMP Cache. Usar em páginas htm para voltar para AMP, se usar configuração de backlink, ou em páginas htm do AMP design (ex: amhbarratopo.htm).

Ex: Para criar link para a home da loja, utilize <a href=<pathAMP file="/">>

Tag especial:  <storePath> ou <BaseLoja>

Utilizada para compor caminhos para as pastas da loja.

Ex: Para obter o caminho para o arquivo BotCarrinho.gif na pasta IMAGES, utilize
<img src="<storePath>images/BotCarrinho.gif">

ATENÇÃO: Para melhor performance na navegação, utilize a tag <pathTo> ao invés desta.

Tag especial:  <prodId> ou <IDProduto>

Substituída pelo número que identifica internamente cada produto.

Tag especial:  <prodName> ou <NomeProd>

Nome do produto. Subprodutos utilizarão o nome do produto pai.

Tag especial:  <prodNameEnc>

Nome do produto com encoding para uso entre aspas em JSON e atributos (ex: alt). Subprodutos utilizarão o nome do produto pai.

Tag especial:  <prodNameFU> ou <NomeProdUA>

Nome do produto para criar URLs amigáveis, contendo somente caracteres alfanuméricos. Os demais caracteres serão substituídos por hífens.

Tag especial:  <prodRef> ou <CodProd>

Código de referência do produto.

Tag especial:  <barCode>

Código de barras do produto, exibido de acordo com o padrão definido na página Dados da loja.

Tag especial:  <catLabel> ou <LegendaCat>

Palavra para categorização dos produtos da loja, determinada no campo Produtos agrupados por da página Dados da loja.

Ex: categoria, departamento, coleção.

Tag especial:  <catName> ou <NomeCat>

Nome da categoria (ou departamento, coleção, etc) a qual pertence o produto. Veja detalhes no campo Produtos agrupados por da página Dados da loja.

Tag especial:  <catNameSimple> ou <NomeCatSimples>

Nome da categoria (ou departamento, coleção, etc) a qual pertence o produto, sem formatação e sem link.

Tag especial:  <catNameEnc>

Nome da categoria (ou departamento, coleção, etc) a qual pertence o produto, sem formatação e sem link. Realizado encoding para uso entre aspas em JSON e atributos (ex: alt).

Tag especial:  <pathCat>

Informa o caminho completo até a categoria (ou departamento, coleção, etc) a qual pertence o produto (ex: DVDs > Filmes > Ação). Veja detalhes no campo Subcategorias da página Dados da loja. Este campo deve estar marcado para utilizar esta tag.

Para exibir os caminhos das categorias adicionais, utilize as tags <pathCat1> a <pathCat5>

Tag especial:  <categoryId> ou <IDCategoria>

Substituída pelo número que identifica internamente a categoria a qual pertence o produto.

Tag especial:  <prodImg> ou <ImagemProd>

Substituída pela imagem do produto. A imagem exibida estará de acordo com a tag delimitadora onde esta tag está contida. Por exemplo, se a tag <prodImg> estiver contida entre as tags <prodAmp> e </prodAmp>, será exibida a imagem ampliada do produto.

Tag especial:  <prodImgMain> ou <ImagemProdPri>, <prodImgDet> ou <ImagemProdDet> e <prodImgAmp> ou <ImagemProdAmp>

Substituídas respectivamente pela imagem principal, de detalhe e ampliada do produto. Utilizadas na programação de scripts personalizados para exibição das imagens.

Tag especial:  <prodImgMainParent> ou <ImagemProdPriPai>, <prodImgDetParent> ou <ImagemProdDetPai> e <prodImgAmpParent> ou <ImagemProdAmpPai>

Substituídas respectivamente pela imagem principal, de detalhe e ampliada do produto-pai do subproduto. Utilizadas na programação de scripts personalizados para exibição das imagens.

Tag especial:  <prodImgCarousel> ou <ImagensProdCarrossel>

Exibe múltiplas imagens do produto, se os campos de imagem ampliada ou de detalhe do produto estiverem cadastrados com várias imagens entre vírgulas. Senão, exibe a imagem ampliada ou a imagem de detalhe ou a imagem principal, nesta ordem de prioridade. Utilizada na programação de scripts para exibição das imagens em carrossel, como por exemplo no componente amp-corousel.

Tag especial:  <videoProd>

Substituída pelo código HTML que exibe o vídeo no YouTube associado ao produto.

Tag especial:  <codVideoProd>

Substituída pelo código alfanumérico que identifica o vídeo no YouTube associado ao produto. Este códido permite a personalização do vídeo com mais opções oferecidas pelo YouTube ou para integrar a outro serviço de hospedagem de vídeos.

Tag especial:  <prodImgWidth> ou <ProdLargura>

Substituída pelo valor do campo Largura máxima das fotos informado na página Dimensões & menus.

Tag especial:  <prodImgHeight> ou <ProdAltura>

Substituída pelo valor do campo Altura mínima das fotos informado na página Dimensões & menus.

Tag especial:  <prodRelease> ou <Lancamento>

Se o produto for lançamento, esta tag será substituída pela imagem BotLancamento.gif da loja.

Tag especial:  <prodHighlight> ou <Destaque>

Se o produto tiver o campo Destaque marcado na sua ficha, esta tag será substituída pela imagem BotDestaque.gif da loja. A imagem pode conter o texto da preferência do lojista (ex: Mais vendido), de acordo com o uso do campo Destaque (ex: para marcar os produtos mais vendidos).

Tag especial:  <prodDescription> ou <Descricao>

Será substituída pela descrição longa do produto se esta for preenchida e se a tag <prodDescription> estiver contida entre as tags <prodDet> e </prodDet>. Caso contrário será exibida a descrição curta do produto.

Tag especial:  <prodShortDescription> ou <DescricaoCurta>

Será substituída pela descrição curta do produto.

Tag especial:  <prodLongDescription> ou <DescricaoLonga>

Será substituída pela descrição longa do produto.

Tag especial:  <prodDescriptor1> ou <Adicional1>, <prodDescriptor2> ou <Adicional2> e <prodDescriptor3> ou <Adicional3>

Substituídas pelos descritores especiais de cada produto, definidos na página Dados da loja. Uma caixa de seleção será exibida se o descritor for multi-valorado. O cliente terá que escolher uma opção para cada descritor multi-valorado para adicionar o produto ao seu carrinho.

Tag especial:  <prodDescriptorD1> ou <AdicionalD1>, <prodDescriptorD2> ou <AdicionalD2> e <prodDescriptorD3> ou <AdicionalD3>

Substituídas pelos descritores simples de cada produto, definidos na página Dados da loja. Uma caixa de seleção será exibida se o descritor for multi-valorado. O cliente terá que escolher uma opção para cada descritor multi-valorado para adicionar o produto ao seu carrinho.

Tag especial:  <prodColor> ou <Cor>

Substituída pelas cores de cada produto. Uma caixa de seleção será exibida se houver mais de uma cor no produto. Nesta caso, o cliente terá que escolher uma opção para adicionar o produto ao seu carrinho.

Tag especial:  <prodFilters>

Substituída pelos filtros de cada produto. Os filtros e respectivos itens serão exibidos em uma estrutura de tags <ul></ul> e <li></li>, que poderão ser personalizados via CSS. Clique aqui para mais informações.

Tag especial:  <prodWeight> ou <Peso>

Substituída pelo peso de cada produto.

Tag especial:  <widthProd>

Substituída pela largura de cada produto. A unidade de largura também será exibida (ex: 25,1 cm). Acesse a página Dados da loja para definir a unidade utilizada pela loja.

Tag especial:  <heightProd>

Substituída pela altura de cada produto (ex: 34,3 cm).

Tag especial:  <depthProd>

Substituída pela profundidade de cada produto (ex: 20,5 cm).

Tag especial:  <bulky>

Substituída por true quando é produto marcado como volumoso e false quando não é volumoso.

Tag especial:  <prodStock> ou <Estoque>

Substituída pela quantidade em estoque de cada produto.

Tag especial:  <prodAvailable>

Substituída por true se o produto estiver com o campo de disponibilidade marcado. Caso contrário, substituída por false.

Esta tag deve ser utilizada em javascript somente na página de detalhes do produto, para alterar os itens exibidos (ex: para mostrar aviso de produto indisponível).

Tag especial:  <buyTogether>

Substituída pelo design da seção Frequentemente comprados juntos na página de detalhes do produto. A configuração é feita na página Textos & imagens, na seção Frequentemente comprados juntos.

Clique aqui para instruções de personalização desta tag, que é feita no arquivo BuyTogether.htm.

Tag especial:  <URLCat>

Esta tag será substituída pela URL da categoria do produto. Acesse a página Dados da loja do site administrativo e veja mais informações sobre os formatos de URLs nos campos URLs amigáveis e URLs personalizadas.


Exemplos:

URL personalizada:

/categorias/celulares


URL amigável:

/prod,idcategoria,654534,celulares


URL simples:

/listaprodutos.asp?idcategoria=654534&q=celulares


Exemplo de uso:

<a href="<URLCat>">Veja mais detalhes</a>

Tag especial:  <URLProd>

Esta tag será substituída pela URL do produto. Acesse a página Dados da loja do site administrativo e veja mais informações sobre os formatos de URLs nos campos URLs amigáveis e URLs personalizadas.


Exemplos:

URL personalizada:

/tablet-samsung-galaxy-tab


URL amigável:

/prod,idproduto,221353,tablets-samsung-galaxy-tab


URL simples:

/listaprodutos.asp?idproduto=221353&q=samsung-galaxy-tab


Exemplo de uso:

<a href="<URLProd>">Veja mais detalhes</a>

Tag especial:  <URLProdAbs>

Esta tag será substituída pela URL absoluta para a página do produto na loja, sem usar o Google AMP Cache. Usada para "sair" do domínio do AMP e ir para o domínio da loja, onde o produto poderá ser exibido com todos os seus detalhes (ex: grade) e adicionado à cesta.


Exemplos:

URL personalizada:

https://www.minhaloja.com.br/tablet-samsung-galaxy-tab


URL amigável:

https://www.minhaloja.com.br/prod,idproduto,221353,tablets-samsung-galaxy-tab


URL simples:

https://www.minhaloja.com.br/listaprodutos.asp?idproduto=221353&q=samsung-galaxy-tab


Exemplo de uso:

<a href="<URLProdAbs>">Veja mais detalhes</a>

Tag especial:  <linkDet>

Se o produto tiver descrição longa ou imagem de detalhe, esta tag será substituída pela imagem BotMaisDetalhes.gif da loja. Esta imagem poderá ser clicada para que o cliente veja mais detalhes sobre o produto.

Tag especial:  <linkAmp>

Se o produto tiver imagem ampliada, esta tag será substituída pela imagem BotAmpliar.gif da loja. Esta imagem conterá link para que o cliente veja a imagem ampliada do produto.

Tag especial:  <linkBuy> ou <linkComprar>

Se o produto estiver disponível para compra, esta tag será substituída pela imagem BotCarrinho.gif da loja. Esta imagem conterá link para que o cliente inclua o produto no carrinho.

Tag especial:  <linkProdBuy>

Se o produto estiver disponível para compra, esta tag será substituída pela URL relativa para adicionar o produto ou subproduto no carrinho, incluindo seus descritores especiais, descritores simples e cor. Pode ser utilizada em funções javascript personalizadas.

Tag especial:  <butProdBuy>

Se o produto estiver disponível para compra, esta tag será substituída por um link para adicionar o produto ou subproduto no carrinho, incluindo seus descritores especiais, descritores simples e cor. Utilizada em design compatível com o Google AMP, onde não é possível incluir javascript personalizado.

Tag especial:  <prodPrice> ou <Preco>

Substituída pelo preço normal e/ou preço promocional do produto, no formato De/Por.

Tag especial:  <prodPriceSimple> ou <PrecoSimples>

Substituída pelo preço normal e/ou preço promocional do produto, com a legenda da moeda (R$) mas nenhuma outra formatação.

Tag especial:  <prodPriceFlex> ou <PrecoFlex>

Substituída pelo preço normal e/ou preço promocional do produto, com a legenda da moeda (R$) mas nenhuma outra formatação ou texto adicional como De/Por/Apenas.

Tag especial:  <prodInstallment parcels="10" interest="1,99"> ou <PrecoParcelas parcelas="10" juros="1,99">

Substituída pelo parcelamento do preço do produto de acordo com os parâmetros informados de número de parcelas/parcels e juros/interest.


Exemplos:

<prodInstallment parcels="10" interest="1,99">
Substituída por: 10x de R$ 55,55 com juros


<prodInstallment parcels="5" interest="0">
Substituída por: 5x de R$ 55,55 sem juros


Tag especial:  <prodPriceNum> ou <PrecoNum>

Substituída pelo preço normal ou preço promocional do produto, sem legenda da moeda (R$) ou qualquer outra formatação. Utilizada em scripts client-side que calculam e exibem os parcelamentos disponíveis para cada produto.

Tag especial:  <prodPriceOri> ou <PrecoOri>

Substituída pelo preço normal do produto (fora do período promocional), ou pelo preço promocional do produto caso o preço normal não esteja preenchido na ficha do produto, sem legenda da moeda (R$) ou qualquer outra formatação. Utilizada em scripts client-side que calculam e exibem o valor ou o percentual economizado pelo cliente na compra do produto.

Tag especial:  <prodPriceAtSight> ou <PrecoAvista>

Substituída pelo preço normal ou preço promocional do produto com desconto, com a legenda da moeda (R$). Utilizada para exibir o valor do preço com desconto dos produtos. Para usar esta tag a loja deve ter configurado o desconto em Dados da loja > Produtos > Desconto à vista.

Tag especial:  <prodPriceAtSightNum> ou <PrecoAvistaNum>

Substituída pelo preço normal ou preço promocional do produto com desconto, sem legenda da moeda (R$) ou qualquer outra formatação. Utilizada em scripts client-side. Para usar esta tag a loja deve ter configurado o desconto em Dados da loja > Produtos > Desconto à vista.

Tag especial:  <prodMaxInstallment> ou <MaxParcelasProd>

Informa o número máximo de parcelas, conforme preenchido no campo Máx Parc de cada produto. Se este campo contiver 1, esta tag será substituída por à vista. Se contiver 0, a tag será removida.

Tag especial:  <prodMaxInstallmentNum> ou <MaxParcelasProdNum>

Informa o número máximo de parcelas do produto, conforme preenchido no campo Máx Parc de cada produto. Utilizada em scripts client-side que calculam e exibem os parcelamentos disponíveis para cada produto.

Tag especial:  <prodSaleFinalDate> ou <DataPromFim>

Substituída pela data/hora de término da validade do preço promocional de cada produto.

Tag especial:  <crossSelling>

Substituída pelos produtos relacionados a este produto, no campo de cross selling da sua ficha cadastral. Esta tag é utilizada somente se o campo Usar tag <CrossSelling> da página Textos & imagens estiver marcado. Caso contrário, a tag será ignorada e os produtos relacionados serão exibidos ao final da página com os detalhes do produto.

Tag especial:  <comments>

Substituída pelos comentários feitos pelos clientes sobre este produto. Esta tag é utilizada somente se o campo Usar tag <comments> da página Dados da loja estiver marcado. Caso contrário, a tag será ignorada e os comentários serão exibidos ao final da página com os detalhes do produto.

Tag especial:  <prodAverageReviews> ou <OpiniaoMedia>

Substituída pela média das avaliações sobre os produtos feitas pelos clientes, liberadas até a véspera. Normalmente a nota é indicada com estrelas. Clique aqui para instruções de personalização.

Tag especial:  <prodAverageReviewsNum> ou <OpiniaoMediaNum>

Substituída pelo valor médio das avaliações sobre os produtos feitas pelos clientes, liberadas até a véspera. O valor é arredondado na 3ª casa decimal.

Tag especial:  <prodReviewsQty> ou <OpiniaoQtd>

Substituída pela quantidade de avaliações sobre os produtos feitas pelos clientes, liberadas até a véspera.

Tag especial:  <linkReview> ou <LinkOpiniao>

Substituída por link para que o cliente opine sobre o produto. Será necessário selecionar opção ativa para o campo Avaliação pelo cliente na página Dados da loja.

Tag especial:  <prodAvailabilityWarning> ou <AvisoDisp>

Caso o produto esteja esgotado, esta tag será substituída por link para que o cliente solicite para ser avisado automaticamente quando o produto estiver novamente disponível. Será necessário selecionar o campo Aviso de disponibilidade na página Dados da loja.

Tag especial:  <prodShare> ou <IndicaProd>

Substituída por link para que o cliente recomende este produto a terceiros por e-mail. Será necessário selecionar o campo Link de recomendação na página Estilos & cores.

Tag especial:  <descrURL>

Substituída por link para página que contém mais informações sobre o produto, no site do fabricante ou em página especial na própria loja, conforme informado no cadastro do produto. Será necessário selecionar o campo Texto para link de mais informações na página Textos & imagens.

Tag especial:  <descrHTM>

Substituída pelo conteúdo do arquivo HTM informado no campo Descrição HTML da ficha do produto.

Tag especial:  <wishlist>

Substituída pelo botão Adicionar na lista de desejos ou, se o produto já estiver na lista, pelo botão Adicionado na lista de desejos. Clique aqui para ver como configurar a lista de desejos na loja.

Estes botões poderão ser personalizados através de CSS e javascript. Clique aqui para mais informações.

Obs: Se a loja utiliza grade de produtos (ex: tamanho X cor), esta tag não deve ser utilizada, pois neste caso o botão deve ser inserido pelo javascript que exibe as grades dos produtos. Caso tenha dúvida, entre em contato com o nosso suporte.

Tag especial:  <dataAttribute>

Substituída por um código de atributos data-* que permite armazenar informações extras no elementos HTML de forma padronizada e semântica. Neste caso as informações são se o produto está em destaque, lançamento e promoção. Usado para personalizar o layout de exibição do produto via CSS ou Javascript em uma lista de produtos ou capa por exemplo.

Exemplo:

<div <dataAttribute>>...layout do produto...</div>

Substituída por:

<div data-highlight="true" data-release="true" data-sale="true">...layout do produto...</div>

Neste caso o produto está em destaque [data-highlight="true"], em promoção [data-sale="true"] e é um lançamento [data-release="true"].

Clique aqui para ver exemplo de uso deste recurso.

Tag especial:  <includeHTML>

Substituída pelo arquivo .htm, .html, .js, .css ou .svg indicado no atributo src= da tag. Este arquivo deve existir na pasta HTM ou subpasta desta.


Exemplo:

<includeHTML src="outros/more.htm">


Para minificar o arquivo incluído, utilize o atributo minify="true". Serão removidos espaços duplicados, quebras de linha e comentários com a sintaxe /* coments */.


Ao incluir arquivos .js, utilize as tags <script> e </script> como no exemplo abaixo:


Exemplo:

<script>

<includeHTML src="js/autosuggest.js" minify="true">

</script>



Ao incluir arquivos .css, utilize as tags <style> e </style> como no exemplo abaixo:


Exemplo:

<style>

<includeHTML src="css/buytogether.css" minify="true">

</style>



Opcionalmente, pode-se utilizar os atributos param1= até param9=. Estes atributos serão substituídos respectivamente pelas tags <param1> até <param9>, caso estas existam nos arquivo incluídos.


Exemplo:

<includeHTML src="teste.htm" param1="Vitrine especial" param2="50" param3="#BB0000">


Os arquivos incluídos podem conter tags <includeHTML>, ou seja, é possível fazer inclusões dentro de inclusões, de forma recursiva. No total, até 20 tags <includeHTML> serão substituídas por arquivo e suas inclusões.

Tag especial:  <subproductStyle> ou <EstiloSubProduto>

Substituída alternadamente pelas classes CSS EstCorParSubProd e EstCorImparSubProd. Esta tag permite alternar as cores de subprodutos adjacentes em um mesmo produto.

 

Tags para contextualização e refinamento de buscas:

As seguintes tags são exclusivas para a seção <ProdTop> e são utilizadas para exibição de conteúdo referente aos filtros de busca da página atual.


Tag especial:  <prodQty> ou <QtProd>

Indica a quantidade de produtos encontrados. Não são contabilizados os subprodutos.

Tag especial:  <linkAdvancedSearch>

Substituída por link para a página de busca detalhada de produtos, utilizando os filtros da página atual.

Tag especial:  <listPathSearch>

Substituída pelo caminho completo da página atual de produtos, com todos os filtros de busca utilizados, incluindo os termos digitados pelo visitante (ex: DVDs > Filmes > Ação > "tom cruise"). Ao lado de cada filtro, será exibido um ícone para removê-lo. Ao clicar no termo de busca, será possível digitar outro termo para fazer nova busca utilizando os demais filtros. Ao clicar nos demais filtros, será feita busca exclusiva pelo filtro clicado.

Tag especial:  <listPathCatQt>

Lista as quantidades de produtos encontrados em cada categoria dos produtos listados na página atual.

Tag especial:  <listDesc1Qt> ou <ListAdic1Qt>, <listDesc2Qt> ou <ListAdic2Qt> e <listDesc3Qt> ou <ListAdic3Qt>

Lista as quantidades de produtos encontrados em cada descritor especial dos produtos listados na página atual.

Tag especial:  <descName1> ou <NomeAdicional1>, <descName2> ou <NomeAdicional2> e <descName3> ou <NomeAdicional3>

Substituídos pelos nomes dos descritores especiais 1, 2 e 3.

Exemplos: Tamanho, Marca, Voltagem

Tag especial:  <catLabel> e <catsLabel> ou <LegendaCat> e <LegendaCats>

Substituídas pela legenda escolhida para representar as categorias da loja, no campo Produtos agrupados por da página Dados da loja.

Exemplos: Departamento, Seção

A tag <catsLabel> é substituída pela legenda no plural.

Exemplos: Departamentos, Seções

Tag:  <StoreInterests>

Substituída por variáveis em javascript que podem ser utilizadas nas funções que exibem parcelamento nos produtos da loja e desconto para pagamento à vista. São usados os parcelamentos cadastrados nas bandeiras de cartão de crédito na página Pagamentos do site administrativo. O campo de desconto à vista fica na página Dados da loja, seção Produtos.


Exemplo de script gerado pela tag:

<script>
var iPaymentDiscount=10.0;
var iMaxParcelsStore=6;
var ParcelsInterests=[0,0,0,1.99,1.99,1.99];
var ParcelsValues=[0,50.0,75.0,100.0,125.0,150.0];
</script>


No exemplo acima:

  • A loja oferece 10% de desconto para pagamento à vista, definido na variável iPaymentDiscount.
  • A loja parcela em até 6x, definido na variável iMaxParcelsStore.
  • A loja oferece 2x e 3x sem juros, e 4x, 5x e 6x com juros de 1,99% ao mês, definidos no array ParcelsInterests.
  • A loja oferece parcela mínima de R$ 25, onde R$ 50 em 2x, R$ 75 em 3x etc, definidos no array ParcelsValues.

 

Tags para grades de produtos:

Utilizadas por scripts para a escolha de tamanhos e cores de subprodutos.

Tag especial:  <descName1> ou <NomeAdicional1>, <descName2> ou <NomeAdicional2> e <descName3> ou <NomeAdicional3>

Substituídas pelos nomes dos descritores especiais 1, 2 e 3, cadastrados nos três campos de descritores especiais da página Dados da loja.

Tag especial:  <descD1Name> ou <NomeAdicionalD1>, <descD2Name> ou <NomeAdicionalD2> e <descD3Name> ou <NomeAdicionalD3>

Substituídas pelo nomes dos descritores simples 1, 2 e 3, cadastrados nos três campos de descritores simples da página Dados da loja.

Tag especial:  <desc1Val> ou <Adicional1Val>, <desc2Val> ou <Adicional2Val> e <desc3Val> ou <Adicional3Val>

Substituídas pelos valores dos descritores especiais 1, 2 e 3 cadastrados na ficha do subproduto.

Tag especial:  <descD1Val> ou <AdicionalD1Val>, <descD2Val> ou <AdicionalD2Val> e <descD3Val> ou <AdicionalD3Val>

Substituídas pelos valores dos descritores simples 1, 2 e 3 cadastrados na ficha do subproduto.

Tag especial:  <colorVal> ou <CorVal>

Substituída pelo nome da cor cadastrada na ficha do subproduto.

Tag especial:  <colorRGB> ou <CorRGB>

Substituída pelo valor RGB da cor cadastrada na ficha do subproduto.

Tag especial:  <weightNum> ou <PesoNum>

Substituída pelo valor do peso de cada produto. Utilizada também em scripts client-side que utilizam o peso do produto (por exemplo, para exibir promoções de frete grátis se o peso cadastrado for zero).

Tag especial:  <widthProdNum>

Substituída pelo valor da largura de cada produto.

Tag especial:  <heightProdNum>

Substituída pelo valor da altura de cada produto.

Tag especial:  <depthProdNum>

Substituída pelo valor da profundidade de cada produto.

Obs1: Todas as tags são opcionais, exceto os quatro primeiros conjuntos de tags delimitadoras.

Obs2: As tags especiais genéricas não podem ser utilizadas no arquivo EstiloProduto.htm.

 

Tags para adicionar múltiplos produtos e quantidades à cesta:

As seguites tags são necessárias para que as páginas de produtos exibam campos de quantidade e seleção e possam enviar os produtos selecionados simultaneamente para a cesta.


Tag especial:  <formProdMult>

Deve ser inserida dentro da tag <prodTop>.

Tag especial:  </formProdMult>

Deve ser inserida dentro da tag <prodBottom>.

Tag especial:  <incMult>

Substituída por caixa de seleção (checkbox) e campo de texto para informar a quantidade desejada do produto.

Para colocar apenas um link de comprar ao final da página, inclua a tag <linkBuy> ou <linkComprar> somente na seção <prodBottom>. Adicionalmente, deve-se remover todas as ocorrências das tags <formProd> e </formProd>.

Clique aqui para mais detalhes e exemplos de implementação.

 

Tags especiais para redes sociais:

Para utilizar estas tags, é necessário marcar o campo Usar tags especiais da seção de redes sociais da página Dados da loja.


Tag:  <shareFacebook>

Substituída pelo ícone pequeno do Facebook, que poderá ser clicado pelo visitante para compartilhar o produto no seu perfil no Facebook.

Tag:  <shareTwitter>

Substituída pelo ícone pequeno do Twitter, que poderá ser clicado pelo visitante para twittar o produto em seu profile no Twitter.

Tag:  <sharePinterest>

Substituída pelo ícone pequeno do Pinterest, que poderá ser clicado pelo visitante para compartilhar a página atual no seu perfil no Pinterest.

Tag:  <facebook type="plugin">

Substituída pelo código do Facebook que exibirá um social plugin do Facebook. Estes plugins são utilizados para que o visitante possa comentar, recomendar, curtir ou enviar o produto para seu perfil no Facebook.


Plugins mais utilizados em produtos:


<facebook type="comments">: exibe os comentários feitos pelos visitantes sobre o produto. Estes comentários podem ser moderados pela loja, se o campo Facebook AppID da página Dados da loja estiver preenchido e a aplicação estiver corretamente configurada no Facebook. Clique aqui para mais informações.


<facebook type="like">: exibe o botão Curtir. Esta tag pode também ser configurada para exibir o botão Recomendar (veja abaixo nos exemplos de parâmetros).


<facebook type="send">: exibe o botão Enviar. Esta tag permite ao visitante enviar um resumo do produto para um amigo no Facebook.


<facebook type="save">: exibe o botão Salvar. Esta tag permite ao visitante salvar a página ou produto em uma lista particular no Facebook, compartilhá-los com os amigos e receber notificações relevantes. Para salvar produtos a loja deverá configurar um catálogo de produtos no Facebook.


É possível incluir parâmetros para configurar os recursos de cada plugin.


Exemplos:

<facebook type="comments" width="700" num_posts="5">

Exibe os 5 posts mais recentes em uma caixa de 700 pixels de largura.


<facebook type="like" send="true" layout="button_count" show_faces="false">

Exibe botão Curtir com contador e sem exemplificar nomes de pessoas que curtiram o produto.


Clique aqui para mais informações sobre cada plugin e para obter os respectivos parâmetros.