Suporte a mapa de imagem image-map-support
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 do mapa é controlada por 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.
Redirecionar para uma página externa da Web section-32ebe3c3a7f74892a428c5d48801de4d
O atributo href do mapa de imagem tem uma URL para o recurso externo, especificada explicitamente ou encapsulada em uma das funções de modelo de JavaScript com suporte: loadProduct(), loadProductCW() e loadProductPW().
Veja a seguir um exemplo de um simples redirecionamento de URL:
href=http://www.adobe.com
Neste exemplo, a mesma URL é encapsulada com a função loadProduct():
href=javascript:loadProduct("http://www.adobe.com");void(0);
Observe que, quando você adiciona o código JavaScript ao atributo HREF do mapa de imagem, o código é executado no computador do cliente. Portanto, verifique se o código JavaScript é seguro.
Ativação do pop-up Painel de informações section-7aa036420af646d1ad8cdc388add0b57
Para trabalhar com painéis de Informações, um mapa de imagem tem o atributo ROLLOVER_KEY definido. Além disso, defina o atributo href ao mesmo tempo. Caso contrário, o processamento da URL externa interfere na ativação pop-up do painel Informações.
Finalmente, verifique se a configuração do visualizador inclui os valores apropriados para InfoPanelPopup.template e, opcionalmente, InfoPanelPopup.infoServerUrl parâmetros.
Hiperlinks internos section-6afa4fb2fe564c429e0201f019a95849
Clicar em um mapa de imagem executa uma troca de página interna dentro do visualizador. Para usar esse recurso, um atributo href 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.
Este é um exemplo de um atributo href para um mapa de imagem que aponta para a página espelhada 3D no eCatalog:
href=target:2