Coleção de produtos

Nota: Os seguintes componentes que existiam nos temas Jumpseller antes da versão 4.11.0, como componentes individuais, foram unificados neste novo: Produtos em destaque, Produtos mais recentes, Categoria em destaque, Produtos selecionados manualmente e Produtos visualizados recentemente.

Este componente permite-te exibir produtos de várias origens dentro do painel de administração da tua loja. As opções disponíveis para o personalizar são as seguintes:

Coleção

Aqui precisas de escolher a origem de onde os produtos serão obtidos:

Destaques

Ao escolher esta opção, serão exibidos os produtos marcados como Destaques dentro da loja. A seguir explicamos como destacá-los e reorganizá-los:

Destacar os teus produtos

1. Vai a Produtos > Todos os produtos e escolhe um produto clicando no nome ou na imagem.
2. Dentro das definições do produto, no painel lateral direito, encontrarás a opção chamada Produto em destaque.
3. Marca a caixa disponível e guarda as alterações.

Lista de produtos em destaque

1. Vai a Produtos > Todos os produtos e, acima da lista, verás três opções. Clica na que se encontra mais à direita.
2. Será aberto um menu onde deves selecionar a opção chamada Destaques.
3. A página será recarregada mostrando apenas os produtos marcados.
4. A partir daqui poderás reorganizá-los clicando e arrastando para cima ou para baixo.
5. Para remover um produto da lista, basta entrares nas suas definições e desmarcar a caixa mencionada anteriormente.

Mais recentes

Ao escolher esta opção, serão exibidos os produtos mais recentes que tenham sido criados e/ou adicionados. A ordem em que aparecem é automática e baseada na data de criação no painel de administração.

Categoria

Permite exibir produtos a partir de uma categoria da loja. Ao escolher esta opção, aparecerá um campo adicional chamado Categoria para que possas selecioná-la.

A ordem em que os produtos são exibidos dependerá do que estiver definido na secção Propriedades > Ordem padrão dentro das definições de cada categoria.

Selecionados manualmente

Esta opção permite exibir qualquer produto da tua loja, independentemente de atributos como o seu estado (por exemplo, Destaque) ou a sua relação com uma categoria.

Funciona através de uma opção secundária chamada Produtos, que ficará visível e onde poderás escolher os produtos que queres exibir, com um limite máximo de 24.

Visualizados recentemente

Esta opção exibe os produtos mais recentes que um cliente ou utilizador tenha visualizado na tua loja. A ordem em que aparecem baseia-se nessa interação.

---

Limite

Esta opção permite definir o número de produtos que serão exibidos no componente.

Nota: Esta opção não será visível para Selecionados manualmente, já que o limite dependerá do número de produtos que decidires adicionar.

---

Largura

Permite definir a largura máxima à qual o componente se ajustará na janela do navegador.

Podes ler mais sobre como esta opção afeta o componente nesta página.

---

Exibição

Permite definir se o conteúdo do componente será exibido dentro de uma secção do tipo Carrossel ou Grelha.

Podes ler mais sobre as diferenças entre estes dois tipos nesta página.

---

Definições do Carrossel

Este grupo de opções ficará visível ao escolheres Carrossel e permite personalizar o seu comportamento.

Podes encontrar a lista completa de opções nesta página.

---

Opções de cabeçalho

Ao ativar esta opção, será exibida uma secção de Cabeçalho antes do conteúdo do componente. Podes consultar a lista de opções nesta página.

Nota: o Link dentro desta secção será exibido automaticamente se escolheres uma coleção do tipo Categoria, podendo ser substituído ao selecionares outro.

---

Imagem em destaque

Este grupo permite-te exibir uma imagem listada e posicionada como o “primeiro elemento” junto com os produtos.

Se na opção Coleção escolheres Categoria, será exibida a imagem definida para essa categoria por defeito. Caso não tenha, deverás carregar uma nova nos campos disponíveis que aparecerão ao ativares Exibir imagem.

Nota: esta opção não estará disponível se escolheres Visualizados recentemente.

Imagem

Se decidires carregar uma imagem personalizada, será exibida uma opção secundária chamada Imagem (telemóvel) para carregares outra imagem para telemóveis. Se não o fizeres, será usada a mesma em todos os dispositivos.

Conteúdo da imagem

Permite exibir conteúdo ou informação sobre a imagem. Ao ativar esta opção, as seguintes definições estarão disponíveis:

Sobreposição

Permite definir a opacidade (ou transparência) deste elemento. Podes saber mais sobre isto nesta página.

Título

Permite definir um título para a secção.

Nota: Se escolheres Categoria na opção Coleção, o nome dessa categoria será exibido por defeito, mas poderá ser substituído pelo texto que adicionares neste campo.

Texto do botão

Permite definir o texto que será exibido dentro do botão.

Alinhamento

As duas opções disponíveis permitem definir o alinhamento do conteúdo tanto para computador como para telemóveis.

Posição vertical

Permite definir a posição vertical em que o conteúdo será exibido dentro da imagem.

Cores do conteúdo

Permite escolher a Paleta que será aplicada ao conteúdo, afetando o Título, o Botão e a cor de fundo do elemento Sobreposição.

---

Aparência

Este grupo contém as seguintes opções para personalizar o componente:

• Margem superior: permite controlar a margem superior da secção.
• Margem inferior: permite controlar a margem inferior da secção.
• Cores do conteúdo: permite escolher a Paleta para o componente.

---

Animações

A opção Personalizar opções permite ajustar as animações para este componente específico. Podes ver quais estão disponíveis nesta página.