Carrossel de Produtos
O que é um Carrossel de Produtos?
Exiba uma variedade de produtos de maneira dinâmica e atrativa com o Carrossel de Produtos. Facilita a descoberta e exploração de itens, incentivando a interação e conversão.
Última atualização | 12/07/2024 |
Versão | 1.0 |
Plano | Grátis |
Como instalar o Carrossel de Produtos
Instale o componente
Acesse os Componentes no LUCA App
Busque pelo Carrossel de Produtos
Clique em "Instalar Componente"
Adicione o componente no seu projeto
Acesse o construtor do Shopify após a instalação
Escolha onde deseja adicionar o componente e clique em "Adicionar Seção"
Busque por “Carrossel de Produtos” e clique no componente
Configurações da Seção
Conteúdo
Selecionar coleção
Defina a coleção de produtos que deseja exibir no carrossel.
Cabeçalho
Escala de tamanho do título
Ajuste a escala do título (inicialmente 100%, referente ao tamanho definido na configuração geral do app ou tema).
Selecionar tag do título
Defina a tag para sua estratégia de SEO.
Escrever título
Escreva o título do banner ou deixe o campo vazio se não quiser um título.
Escala do tamanho do texto
Ajuste a escala do texto (inicialmente 100%).
Escrever o texto
Escreva o texto desejado ou deixe o campo vazio se não quiser texto.
Botão
Selecionar tamanho do botão
Escolha o tamanho do botão (grande, médio ou pequeno). Essa escolha se aplicará a ambos os botões.
Selecionar estilo do botão
Escolha o estilo visual do botão (Preenchido, Delineado, Vazio, Sublinhado).
Escrever texto do botão
Escreva o texto do botão primário ou deixe o campo vazio.
Definir link do botão
Escolha o destino do usuário ao clicar no botão.
Comportamento
Selecionar o comportamento de clique do cartão ou botão de compra
Defina se ao clicar no cartão ou no botão dos cartões de produto dentro do carrossel, o usuário irá para a página de detalhe do produto ou se irá adicionar o produto diretamente no carrinho.
Navegação
Selecionar posição da navegação
Defina se deseja que a navegão esteja na posição "Padrão" sobrepondo o banner, ou selecione "Em baixo" se desejar que a navegação fique abaixo do banner.
Aparência
Selecionar proporção da mídia
Defina qual será a proporção das mídias dos cartões de produto. As opções são:
| Opção | Valor |
|---|---|
Padrão | Usará a proporção definida na configuração geral do tema ou app. |
Quadrado (1:1) | Formato simples. Tamanho de referência: 1000x1000 pixels. |
Retrato (3:4) | Formato mais usado em lojas virtuais, também chamado de retângulo vertical. Tamanho de referência: 750x1000 pixels. |
Paisagem (4:3) | Formato pouco comum, também chamado de retângulo horizontal. Tamanho de referência: 1000x750 pixels. |
Panorâmico (16:9) | Formato muito comum para vídeos. Tamanho de referência: 2160x1215 pixels. |
Panorâmico (9:16) | Formato comum para vídeos verticais, ótimo para exibição em tela cheia em smartphones. Tamanho de referência: 1215x2160 pixels. |
Adaptar à mídia | A mídia será exibida na proporção que foi criada. |
Atenção: Na opção "Adaptar à mídia", as mídias com proporções diferentes podem causar inconsistências no visual dos cartões de produto.
Selecionar largura
Escolha entre "Padrão" e "Página toda". "Padrão" respeita a largura definida nas configurações gerais dos componentes ou tema. "Página toda" ignora margens e ocupa todo o espaço disponível
Selecionar espaçamento entre os cartões
Defina se deseja que os cartões tenham espaçamento entre eles (Padrão), ou se deseja que os cartões fiquem colados sem espaçamento entre eles (Nenhum).
Selecionar espaçamento vertical
Defina o espaçamento entre o Carrossel de Produtos e o componente acima e abaixo dele.
| Opção | Descrição |
|---|---|
Padrão | Respeita a configuração global do aplicativo ou tema. |
Remover | Sem espaçamento entre o Banner Padrão e os componentes acima e abaixo dele. |
Remover superior | Sem espaçamento entre o Banner Padrão e o componente acima dele. |
Remover inferior | Sem espaçamento entre o Banner Padrão e o componente abaixo dele. |
Selecionar alinhamento dos textos
Defina o alinhamento do cabeçalho do carrossel. (esquerda, centro ou direita).
Selecionar quantidade de cartões visíveis
Defina quantos cartões de produto você deseja que sejam visíveis tanto no Desktop quanto no Mobile. Lembrando que quanto mais cartões visíveis, menor será o seu tamanho, e quanto menos cartões, maior será o seu tamanho.
Selecionar imagem de fundo geral:
Configuração opcional para adicionar uma textura ou imagem ao fundo.
Ativar efeito parallax
Proporcione uma experiência de movimentação no seu carrossel, onde a imagem de fundo se move de acordo com a rolagem da página.
Esquema de cores
Defina o esquema de cores dos elementos do Carrossel de Produtos.
Não encontrou a informação que procurava?
Entre em contato conosco via Discord, ou envie um e-mail com sua dúvida que nosso time de suporte irá lhe atender assim que possível.
Atualizado
