Criar carrosséis que funcionam no Visual Experience Composer

Última atualização em 2023-05-26

Este tópico mostra como criar um carrossel que pode ser editado na Adobe Target Visual Experience Composer (VEC).

Quando seguir as etapas abaixo, o Target sempre saberá que o slide terá o "seletor" para o slide correto, mesmo se ele for alterado no Visual Experience Composer após alguns segundos.

  1. Crie alocadores de espaço estáticos em HTML.

    <ul>
    <li class="show"> slide 1 </li>
    <li class="hidden"> slide 2 </li>
    <li class="hidden"> slide 3 </li>
    </ul>
    
  2. Adicione CSS para projetar a aparência.

    Não use JavaScript.

    OBSERVAÇÃO

    A opção Renderizar usando JavaScript não é mais suportada se usada em conjunto com um código personalizado no Visual Experience Composer.

  3. Atualize o classNames somente para ocultar outros e exibir o próximo com tempo/animação.

    Jamais atualize a estrutura DOM usando JavaScript.

Nesta página