Carrossel Itens Populares no Notification Hub
Os produtos mais populares serão exibidos em formato de carrossel acima do rodapé da página inicial do site. Na versão para desktop, até 7 produtos podem ser mostrados.
Acesse o módulo Hub de Notificações
Selecione a função de Carrosséis
Acesse a opção Mais Populares
Você pode configurar o carrossel de forma personalizada.
Escolha um título
Será exibido como cabeçalho do carrossel. Por exemplo: "Os produtos mais escolhidos"
Cor do link
Mostrar preços
Com esta opção, você pode escolher se deseja exibir o preço dos produtos mais populares ou não.
Configure o visual do carrossel.
Linha do contêiner do produto
Selecione esta opção para delimitar em um quadro os produtos que serão exibidos no carrossel. Você pode escolher entre estilo quadrado ou arredondado.
Cores
Selecione:
Cor da borda
Cor de fundo
Cor do título
Cor do preço
Use esta opção para adicionar seu design em HTML.
Carregue o HTML para o contêiner de produtos: Dentro, os produtos serão exibidos substituindo {{ products }} pela lista de produtos populares.
Carregue o HTML para cada produto: Cada produto da tag {{ products }} será substituído por este código. Dentro deste HTML, os textos {{ name }} {{ description }} {{ price }} {{ image }} {{ url }} serão substituídos pelo título, descrição, preço, imagem e URL de cada produto.
Você pode usar o botão USAR CONFIGURAÇÃO PADRÃO para voltar ao modo personalizado
Você pode visualizar o design do carrossel na janela de configuração.
Acesso
Acesse o módulo Hub de Notificações
Selecione a função de Carrosséis
Acesse a opção Mais Populares
Configuração
Você pode configurar o carrossel de forma personalizada.
Escolha um título
Será exibido como cabeçalho do carrossel. Por exemplo: "Os produtos mais escolhidos"
Cor do link
Mostrar preços
Com esta opção, você pode escolher se deseja exibir o preço dos produtos mais populares ou não.
Aparência
Configure o visual do carrossel.
Linha do contêiner do produto
Selecione esta opção para delimitar em um quadro os produtos que serão exibidos no carrossel. Você pode escolher entre estilo quadrado ou arredondado.
Cores
Selecione:
Cor da borda
Cor de fundo
Cor do título
Cor do preço
Upload de HTML
Use esta opção para adicionar seu design em HTML.
Carregue o HTML para o contêiner de produtos: Dentro, os produtos serão exibidos substituindo {{ products }} pela lista de produtos populares.
Carregue o HTML para cada produto: Cada produto da tag {{ products }} será substituído por este código. Dentro deste HTML, os textos {{ name }} {{ description }} {{ price }} {{ image }} {{ url }} serão substituídos pelo título, descrição, preço, imagem e URL de cada produto.
Você pode usar o botão USAR CONFIGURAÇÃO PADRÃO para voltar ao modo personalizado
Visualização
Você pode visualizar o design do carrossel na janela de configuração.
Atualizado em: 12/12/2023
Obrigado!