O Visualizador de pesquisa do eCatalog é compatível com a renderização dos ícones de mapa de imagem acima da exibição principal.
A aparência dos ícones de mapa é controlada por meio do CSS, conforme descrito em Efeito do mapa de imagem.
Os mapas de imagem executam uma das três ações a seguir: redirecionar para uma página externa da Web, ativação pop-up do painel Informações e hiperlinks internos.
A variável href
O atributo do mapa de imagem tem um URL para o recurso externo, especificado explicitamente ou encapsulado em uma das funções de template JavaScript compatíveis: loadProduct()
, loadProductCW()
, e loadProductPW()
.
Veja a seguir um exemplo de um simples redirecionamento de URL:
href=http://www.adobe.com
Neste exemplo, o mesmo URL é encapsulado com a variável loadProduct()
função:
href=javascript:loadProduct("http://www.adobe.com");void(0);
Observe que quando você adicionar o código JavaScript no HREF
do seu mapa de imagem, o código é executado no computador do cliente. Portanto, verifique se o código JavaScript é seguro.
Para trabalhar com painéis de Informações, um mapa de imagem tem o ROLLOVER_KEY
conjunto de atributos. Além disso, defina a variável href
atributo ao mesmo tempo, caso contrário, o processamento do URL externo interfere na ativação pop-up do painel Informações.
Por fim, verifique se a configuração do visualizador inclui os valores apropriados para InfoPanelPopup.template
e, opcionalmente, InfoPanelPopup.infoServerUrl
parâmetros.
Observe que, ao configurar o Pop-up Painel de informações, o código do HTML e o código do JavaScript passados para o Painel de informações serão executados no computador do cliente. Portanto, verifique se esse código de HTML e JavaScript são seguros.
Clicar em um mapa de imagem executa uma troca de página interna dentro do visualizador. Para usar esse recurso, um href
o atributo no mapa de imagem tem o seguinte formato especial:
href=target: *
idx*
onde *
idx*
é um índice baseado em zero da distribuição do catálogo.
Veja a seguir um exemplo de href
atributo de um mapa de imagem que aponta para a página espelhada 3D no eCatalog:
href=target:2