Personalizar um carrossel usando o Studio

Altere o tamanho, a largura e as opções de interação do aplicativo Carrossel.

Todos os aplicativos usam as opções Style e Config em App Designer. Consulte Personalizar aplicativos para obter detalhes sobre as opções padrão Style e Config para todos os aplicativos em App Designer.

Você pode personalizar um carrossel usando as seguintes opções adicionais no App Designer:

  • Max Number of Items

    Define o número de itens a serem exibidos no carrossel. O padrão é 50.

  • Orientation

    Responsive. Somente para telas de computador

    • Se o conteúdo for maior que 600 pixels, será exibido horizontalmente
    • Se o conteúdo for menor que 600 pixels, será exibido verticalmente
    • Vertical. Para telas de computador ou dispositivos móveis. Em dispositivos móveis, a placa encolhe para se ajustar ao tamanho da tela.
  • Call-to-action button Você pode usar o botão Chamada para ação com um catálogo de produtos para direcionar os usuários para um produto ou para seu site para outras ações.

    • Call-to-action button Alterne a alternância para ligado para exibir o botão de chamada para ação.
    • Require rights to display products Alterne a alternância para on para exigir que o proprietário do conteúdo tenha concedido direitos para o conteúdo antes que um botão de chamada para ação seja exibido para o conteúdo.
    OBSERVAÇÃO

    O conteúdo é exibido mesmo se os direitos não forem concedidos para o conteúdo, mas o botão de chamada para ação não será exibido com o conteúdo, a menos que os direitos para o conteúdo sejam concedidos.

    • Show call-to-action in tile. Escolha se deseja exibir o botão de chamada para ação em um bloco em vez de exibir o botão de chamada para ação somente quando o visitante do site clicar em um cartão e abrir o conteúdo em uma janela maior.
    • Call-to-action indication text O texto a ser exibido para solicitar que o usuário clique no cartão para abrir o modal de chamada para ação.
    • Call-to-action header text As palavras a serem exibidas no cabeçalho acima do botão Chamada para ação no modal de conteúdo. O texto padrão é "Compre estes produtos:".
    • Call-to-action button text As palavras a serem exibidas no botão Chamada para ação no modal de conteúdo. O texto padrão é "Comprar agora:".
    • Product display options Escolha se deseja exibir o Photo e o Product name com o botão Chamada para ação.
    OBSERVAÇÃO

    Os botões Foto e Nome do produto realçam azul quando ativados.

    • Product URL referral tracking Alterne a alternância para on para rastrear as referências deste aplicativo para a página de produto associada.
    • Referral tracking key-value pairs Adicione parâmetros para especificar o rastreamento de referência do conteúdo do aplicativo para a página de produto associada.
  • Embed App in multiple pages

    • Filter UGC by Product ID. Selecione essa opção para criar um aplicativo para várias páginas de produtos. Filtre o UGC específico do produto no aplicativo para cada página de produto. Você pode selecionar uma ou mais pastas para associar coleções específicas ao aplicativo.
    • Select Product folders. Selecione as pastas de produtos de nível superior a serem usadas para filtrar o UGC. Use CTRL/Command + clique para selecionar mais de uma pasta. O Livefyre usa a pasta para determinar quais produtos nessa pasta serão exibidos no aplicativo em várias páginas.
    • Show related content. Alterne para exibir o conteúdo publicado no aplicativo, mas marcado com uma ID de produto diferente. Após a exibição do conteúdo específico do produto para o aplicativo, o Livefyre exibe o conteúdo de outros produtos e o conteúdo não associado a um produto. O Livefyre prioriza o conteúdo com a mesma ID de produto primeiro, depois o conteúdo publicado no aplicativo com outras IDs de produto e, em seguida, o conteúdo publicado no aplicativo sem IDs de produto.

Nesta página