DocumentaçãoTargetGuia do Target

Criar carrosséis que funcionam no Visual Experience Composer

Last update: Mon Jul 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Tópicos:

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.

    code language-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.

    note note
    NOTE
    A opção Render Using JavaScript não tem suporte no momento se for 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.

recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654