Adicionando controles

Os controles são funcionalidades que podem ser inseridas em qualquer parte do seu marketplace através da inserção de um código específico dentro do HTML da página onde deseja que a funcionalidade apareça.  Funcionam como se fossem plugin ou extensões, que são muito úteis para personalizar o design ou ativar/desativar funcionalidades.  Por exemplo, você pode inserir a busca em mais de um local, ou retirar do cabeçalho e colocar no rodapé.

Para inserir um controle, você deve editar a página HTML que deseja (leia aqui o artigo sobre o assunto) e inserir o bloco relativo ao controle que deseja.

Por exemplo, se você deseja colocar o nosso modelo de banner rotativo que fica na página inicial parte superior, basta inserir o bloco [N2NVirtual BANNER_SLIDER_HOME] na página, conforme imagem abaixo:

tela-configuracao-pagina-alterar-controle.png

 

A seguir, lista dos nossos controles disponíveis:

 

/ CONTROLES GERAIS /

[N2NVirtual VALOR_PAGINA_ATUAL]

Recupera a URL atual da página


[N2NVirtual VALOR_FACEBOOK_APP_ID]

Recupera o Facebook App Id do shopping configurado na tela de integrações


[N2NVirtual BANNER_SLIDER_HOME]

Adiciona o banner rotativo com 3 slides configurados pelo admin


[N2NVirtual BANNER_LATERAL_HOME]

Adiciona banner lateral 


[N2NVirtual CARRINHO]

Adiciona informações do carrinho de compras


[N2NVirtual CARRINHO_COMPLETO]

Adiciona a página inteira de carrinho


[N2NVirtual CONFIRMACAO_PEDIDO]

Adiciona informações de confirmação de pedido


[N2NVirtual ENDERECO_LOJA]

Adiciona o endereço da loja configurado no admin


[N2NVirtual ENDERECO_CLIENTE]

Adiciona o endereço do cliente logado


[N2NVirtual FINALIZACAO_PEDIDO]

Informações sobre a finalização de pedido


[N2NVirtual FORMULARIO_CONTATO]

Adiciona formulário de contato


[N2NVirtual INFORMACOES_CONTATO]

Adiciona informações de contato do marketplace

[N2NVirtual CARRINHO_COMPLETO AgruparFrete="S"]

Agrupa o valor da taxa de entrega com o total de frete, e esconde os valores de frete individuais para cada produto, por padrão essa opção vem como 'N'

[N2NVirtual MENU_LATERAL_CATEGORIAS_HOME Nivel="0" NivelMaximoArvore="2" IniciarAberto="S"]

[N2NVirtual MENU_LATERAL_CATEGORIAS Nivel="0" NivelMaximoArvore="2"]

Define o nível mínimo e máximo das categorias e subcategorias que irão aparecer, Iniciar aberta, mostra o menu lateral dos departamentos recolhido ou aberto.


[N2NVirtual LISTA_PRODUTOS_PERSONALIZADA
LarguraImagem="600" AlturaImagem="600" QuantidadeProdutos="12" EmDestaque="S" QuantasColunas="4" ProdutosAleatorios="S/N"
TituloVitrine="Escreva seu título aqui"
ListaCategorias="idCategoria1, idCategoria2, etc"
ListaProdutos="idProduto1, idProduto2, etc"
AlinhamentoPrecoHorizontal="S/N"]

Exibe lista de produtos, pode definir a largura e altura de imagem em pixels e a quantidade de produtos por vez.


[N2NVirtual LISTA_PRODUTOS_MAIS_VENDIDOS
LarguraImagem="600" AlturaImagem="600" QuantidadeProdutos="12" EmDestaque="S/N" QuantasColunas="4" ProdutosAleatorios="S/N" AlinhamentoPrecoHorizontal="S/N"]

Exibe lista de produtos mais vendidos, pode definir a largura e altura de imagem em pixels e a quantidade de produtos por vez. A opção EmDestaque permite trazer apenas os produtos que estiverem marcados como destaque.


[N2NVirtual LISTA_PRODUTOS_LANCAMENTOS
LarguraImagem="600" AlturaImagem="600" QuantidadeProdutos="10" EmDestaque="S/N" QuantasColunas="4" AlinhamentoPrecoHorizontal="S/N" QuantidadeCategorias="4"]

Exibe lista de produtos lançados recentemente, pode definir a largura e altura de imagem em pixels, a quantidade de categorias por seção e a quantidade de produtos por vez. A opção EmDestaque permite trazer apenas os produtos que estiverem marcados como destaque.


[N2NVirtual LISTA_PRODUTOS_RECOMENDADOS
LarguraImagem="600" AlturaImagem="600" QuantidadeProdutos="15" EmDestaque="S/N" QuantasColunas="4" AlinhamentoPrecoHorizontal="S/N"
ProdutosAleatorios="S/N" ]

Exibe lista de produtos recomendados, pode definir a largura e altura de imagem em pixels e a quantidade de produtos por vez. A opção EmDestaque permite trazer apenas os produtos que estiverem marcados como destaque.


[N2NVirtual LISTA_PRODUTOS_RESULTADO_PESQUISA
LarguraImagem="600" AlturaImagem="600" QuantidadeProdutos="50" EmDestaque="S/N" QuantasColunas="3" AlinhamentoPrecoHorizontal="S/N"]

Exibe lista de produtos como resultado da busca, pode definir a largura e altura de imagem em pixels e a quantidade de produtos por vez. A opção EmDestaque permite trazer apenas os produtos que estiverem marcados como destaque.


[N2NVirtual LOGIN_COMPLETO]

Exibe tela de login pro admin.


[N2NVirtual LOGIN_MENU]

Exibe tela de login via menu.


[N2NVirtual LOGOTIPO]

Exibe logotipo configurado no admin.


[N2NVirtual MENU_CATEGORIAS_PRODUTO NivelMaximoArvore="4"]

Exibe o menu de categorias do produto. Onde o parâmetro NivelMaximoArvore vocês define quantos menus e submenus devem aparecer quando houver algum produto ativo. Lembrando que a contagem desse parâmetro começa com 0.


[N2NVirtual MENU_LATERAL_CATEGORIAS_HOME]

Exibe o menu lateral de categorias do produto no estilo da home


[N2NVirtual MENU_LATERAL_CATEGORIAS]

Exibe o menu lateral de categorias do produto no estilo da tela de departamento


[N2NVirtual MENU_LATERAL_FAIXA_PRECO]

Exibe o menu lateral de faixa de preço


[N2NVirtual MENU_LATERAL_MARCAS]

Exibe o menu lateral de marcas
 

[N2NVirtual MENU_LATERAL_LOCALIDADES]

Exibe o menu lateral de localidades. Exemplo: São Paulo, Rio de Janeiro, etc, ao clicar filtrará apenas os produtos daquele local.
 

[N2NVirtual MENU_LATERAL_BUYBOX]

Exibe o menu lateral de buybox, exibirá os produtos agrupados de forma que o cliente só verá um produto por vez, Exemplo: 10 vendedores vendendo o mesmo produto, quando essa opção estiver marcar, somente será exibido o que tiver com melhor preço e estoque.


[N2NVirtual NOVA_CONTA]

Exibe cadastro de nova conta

 

[N2NVirtual PAGAMENTO_PEDIDO]

Exibe informações de pagamento do pedido


[N2NVirtual POLITICA_PRIVACIDADE]

Exibe a política de privacidade configurada no admin


[N2NVirtual REDES_SOCIAIS]

Exibe os ícones de redes sociais


[N2NVirtual SLOGAM]

Exibe o slogan configurado no admin


[N2NVirtual TERMO_USO_CLIENTE]

Exibe o termo de uso do cliente configurado no admin


[N2NVirtual TERMO_USO_FORNECEDOR]

Exibe o termo do fornecedor configurado no admin


[N2NVirtual MENSAGEM_SEJA_UM_VENDEDOR]

Exibe a mensagem de seja um vendedor configurada no admin

 

[N2NVirtual BUSCA_SIMPLES]

Exibe o campo de busca simples


[N2NVirtual BUSCA_AVANCADA]

Exibe o campo de busca avançada com o mapa de localidades próximas ao ponto de referência com a localização do client no mapa. Assim que uma localidade é escolhida, traça uma rota com o trajeto entre a localização do cliente e a localidade. Pode ser usado em conjunto com o controle [N2NVirtual SELETOR_LOCALIDADES]


[N2NVirtual ELEMENTO_PAGINA]


[N2NVirtual TRUSTVOX_PAINEL_COMENTARIOS]

Exibe o painel de comentários da trustvox

 

/* CONTROLES DE PRODUTOS */
[N2NVirtual PRODUTO_INFORMACOES]

Exibe informações do produto


[N2NVirtual PRODUTO_IMAGENS]

Exibe as imagens do produto


[N2NVirtual PRODUTO_DESCRICAO]

Exibe a descrição completa do produto


[N2NVirtual PRODUTO_DESCRICAO_CURTA]

Exibe a descrição curta do produto


[N2NVirtual PRODUTO_GARANTIA_VENDEDOR]

Exibe a garantia do vendedor no produto


[N2NVirtual PRODUTO_ITENS_INCLUSO]

Exibe os itens inclusos na venda


[N2NVirtual PRODUTOS_RELACIONADOS]

Exibe os produtos relacionados com base na página de produto
 

[N2NVirtual PRODUTOS_CHAT_VENDEDOR_CLIENTE] 

Exibe um chat para que o cliente possa enviar uma mensagem para o vendedor ou vice-versa.

[N2NVirtual PRODUTOS_BUYBOX] 

Exibe painel com a lista de produtos que estiver na buybox, que é um agrupamento de um mesmo produto mas que é vendido por vários vendedores diferentes Ex: Produto Tomate vermelho, vendido por Ana, Rafael, Nilton, Luana, etc.

 

//constantes com valores
[N2NVirtual VALOR_TITULO_MARKETPLACE]

Exibe o título da página do marketplace


[N2NVirtual VALOR_COR_PRINCIPAL_MARKETPLACE]

Exibe a cor principal do marketplace


[N2NVirtual VALOR_COR_TEXTO_PRINCIPAL_MARKETPLACE]

Exibe a cor do texto do marketplace


[N2NVirtual VALOR_COR_SECUNDARIA_MARKETPLACE]

Exibe a cor secundária  do marketplace


[N2NVirtual VALOR_COR_TEXTO_SECUNDARIA_MARKETPLACE]

Exibe a cor secundária do texto do marketplace


[N2NVirtual VALOR_DESCRICAO_SEO]

Exibe a configuração de SEO do marketplace


[N2NVirtual VALOR_PALAVRAS_CHAVES]

Exibe as palavras chave  do marketplace


[N2NVirtual VALOR_URL_LOGOMARCA]

Exibe a URL da logomarca do marketplace


[N2NVirtual VALOR_URL_FAVICON]

Exibe a URL do favicon do marketplace


[N2NVirtual VALOR_SLOGAM]

Exibe o slogan do marketplace


[N2NVirtual VALOR_SITE]

Exibe o endereço do site  do marketplace


[N2NVirtual VALOR_SLIDER_HOME_BANNER1]

Exibe o texto do banner 1  do marketplace


[N2NVirtual VALOR_SLIDER_HOME_BANNER2]

Exibe o texto do banner 2  do marketplace


[N2NVirtual VALOR_SLIDER_HOME_BANNER3]

Exibe o texto do banner 3  do marketplace


[N2NVirtual VALOR_URL_SLIDER_HOME_BANNER1]

Exibe a URL do banner 1  do marketplace


[N2NVirtual VALOR_URL_SLIDER_HOME_BANNER2]

Exibe a URL do banner 2  do marketplace


[N2NVirtual VALOR_URL_SLIDER_HOME_BANNER3]

Exibe a URL do banner 3  do marketplace


[N2NVirtual VALOR_SLIDER_HOME_BANNER_LATERAL]
[N2NVirtual VALOR_LINK_SLIDER_HOME_BANNER1]
[N2NVirtual VALOR_LINK_SLIDER_HOME_BANNER2]
[N2NVirtual VALOR_LINK_SLIDER_HOME_BANNER3]
[N2NVirtual VALOR_LINK_SLIDER_HOME_BANNER_LATERAL]
[N2NVirtual VALOR_TELEFONE_TELEVENDAS]
[N2NVirtual VALOR_EMAIL_TELEVENDAS]
[N2NVirtual VALOR_ENDERECO_EMPRESA]
[N2NVirtual VALOR_LINK_FACEBOOK]
[N2NVirtual VALOR_LINK_TWITTER]
[N2NVirtual VALOR_LINK_INSTAGRAM]
[N2NVirtual VALOR_LINK_LINKEDIN]
[N2NVirtual VALOR_LINK_GOOGLEPLUS]
[N2NVirtual VALOR_URL_MARKETPLACE]

//PRODUTO
[N2NVirtual PRODUTO_VALOR_NOME]

Exibe o nome do produto


[N2NVirtual PRODUTO_VALOR_DESCRICAO]

Exibe a descrição do produto


[N2NVirtual PRODUTO_VALOR_DESCRICAO_CURTA]----------

Exibe a descrição custa do produto


[N2NVirtual PRODUTO_VALOR_ITENS_INCLUSO]

Exibe os itens inclusos na venda


[N2NVirtual PRODUTO_VALOR_GARANTIA]

Exibe a garantia do vendedor no produto


[N2NVirtual PRODUTO_VALOR_MARCA]

Exibe a marca do produto


[N2NVirtual PRODUTO_VALOR_CONDICAO]

Exibe a condição do produto (novo ou usado)


[N2NVirtual PRODUTO_VALOR_FORNECEDOR]

Exibe o fornecedor do produto


[N2NVirtual PRODUTO_VALOR_PRECO]

Exibe o preço do produto


[N2NVirtual PRODUTO_VALOR_PRECO_PROMOCIONAL]

Exibe o preço promocional do produto


[N2NVirtual PRODUTO_VALOR_ESTOQUE]

Exibe a quantidade em estoque do produto


[N2NVirtual SELETOR_LOCALIDADES AtivarMapa="S"]

Exibe uma lista de localidades para ser selecionada, assim que entrar no shopping, será exibida uma opção para o cliente escolher a localidade desejada. AtivarMapa quando ativado e o Google Maps configurado, irá exibir o mapa logo abaixo do seletor de localidades.

 

 

 

Tags: HTML, extensão, plugin, customização, personalização, customizar, personalizar

Tem mais dúvidas? Envie uma solicitação

0 Comentários

Artigo fechado para comentários.
Powered by Zendesk