Criar carrosséis que funcionam no Visual Experience Composer

Este tópico mostra como criar um carrossel que pode ser editado no 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