Tags especiais para EstiloProdutoOut.htm

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.

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

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>

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">>

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="/">>

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.

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

Nome do produto.

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

Código de referência do produto.

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.

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.

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

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 de subcategorias da página Dados da loja.

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

Substituída pela imagem principal do produto.

Substituída pela imagem de detalhe do produto.

Substituída pela imagem ampliada do produto.

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

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

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.

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

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).

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

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

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 carrinho, caso a tag <LinkComprar> tenha sido incluída corretamente (entre as tags <FormProd> e </FormProd>).

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 carrinho, caso a tag <LinkComprar> tenha sido incluída corretamente (entre as tags <FormProd> e </FormProd>).

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 carrinho, caso a tag <LinkComprar> tenha sido incluída corretamente (entre as tags <FormProd> e </FormProd>).

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.

Substituída pelo peso de cada produto.

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.

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

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

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

Substituída pelo valor do peso de cada produto. Utilizada 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).

Substituída pelo valor da largura de cada produto.

Substituída pelo valor da altura de cada produto.

Substituída pelo valor da profundidade de cada produto.

Substituída pela quantidade em estoque de cada produto.

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>

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>

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>

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.

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.

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. Se for utilizada, deve ficar entre as tags <FormProd> e </FormProd>.

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.

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.

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

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

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.

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

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.

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.

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.

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.

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.

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.

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

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.

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.

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

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.

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.

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

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.

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.

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.

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

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

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

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="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.

Exemplo:

<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.