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

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now