Personalizar um carrossel usando o Studio

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

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

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

  • Max Number of Items

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

  • Orientation

    Responsive. Apenas 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 caber no tamanho da tela.
  • Call-to-action button Você pode usar o botão Call-to-action com um catálogo de produtos para direcionar usuários para um produto ou para seu site para outras ações.

    • Call-to-action button Alterne o botão para ligado para exibir o botão de chamada para ação.
    • Require rights to display products Alterne o botão para ligado 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 apareça 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 chamar 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 o botão de chamada para ação deve ser exibido 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 chamar para ação.
    • Call-to-action header text As palavras a serem exibidas no cabeçalho acima do botão Call-to-action 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 Call-to-action no modal de conteúdo. O texto padrão é "Compre agora:".
    • Product display options Escolha se deseja exibir o Photo e o Product name com o botão Call-to-action .
    OBSERVAÇÃO

    Os botões Foto e Nome do produto destacam azul quando estão ativados.

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

    • Filter UGC by Product ID. Selecione esta opção para criar um aplicativo para várias páginas de produto. 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 produto 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 isso para exibir o conteúdo publicado no aplicativo, mas marcado com uma ID de produto diferente. Depois que o conteúdo específico do produto for exibido no aplicativo, o Livefyre exibe o conteúdo de outros produtos e conteúdo não associados 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