Suporte ao mapa de imagem

O Visualizador de catálogo eletrônico oferece suporte à renderização de ícones de mapa de imagem acima da exibição principal.

A aparência dos ícones de mapa é controlada pelo 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 da Web externa, ativação pop-up do painel Informações e hiperlinks internos.

Redirecionar para uma página da Web externa

O href O atributo do mapa de imagem tem uma URL para o recurso externo, especificado explicitamente ou incluído em uma das funções de template JavaScript suportadas: loadProduct(), loadProductCW()e loadProductPW().

Este é um exemplo de um redirecionamento de URL simples:

href=http://www.adobe.com

Neste exemplo, o mesmo URL é envolvido com a variável loadProduct() função:

href=javascript:loadProduct("http://www.adobe.com");void(0);

Ao adicionar o código JavaScript na 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 do painel Informações

Para trabalhar com painéis de Informações, um mapa de imagem tem a variável ROLLOVER_KEY conjunto de atributos. Além disso, defina a variável href ao mesmo tempo, caso contrário, o processamento de 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.

Hiperlinks internos

Selecionar um mapa de imagem executa uma troca de página interna no visualizador. Para usar esse recurso, uma href no mapa de imagem tem o seguinte formato especial:

href=target: *idx*

Onde *idx* é um índice baseado em zero do spread do catálogo.

Este é um exemplo de um href atributo para um mapa de imagem que aponta para a distribuição 3D no eCatalog:

href=target:2