📄 Tray Painel
ConvertMax
ConvertMax Atualizado 5 days ago

Como configurar as categorias em destaque na Home

Continuando na seção Imagens da Loja, no menu esquerdo temos a funcionalidade Categoria na Home.

Este recurso permite configurar imagens para destacar as principais categorias da sua loja virtual.

Com isso, você melhora a navegabilidade do usuário, facilita o acesso às categorias mais procuradas e deixa a loja com um visual mais moderno e organizado.

Então, vamos ver como fazer essa configuração.

Note que, do lado direito, temos uma prévia de como as categorias em destaque podem aparecer na home da loja virtual.

Agora, vamos às configurações.

Primeiro, temos a opção Exibir slide de categoria em destaque.

Nesta opção, podemos habilitar ou desabilitar esse recurso na loja virtual.

Logo abaixo, temos a possibilidade de digitar um texto personalizado para o cabeçalho dessa funcionalidade.

O texto informado no campo Cabeçalho irá substituir o texto padrão configurado na loja virtual.

Caso não queira digitar nada, tudo bem. Você pode deixar esse campo em branco.

O mesmo acontece com o campo Descrição.

Esse campo exibe um texto junto ao cabeçalho, geralmente com um tamanho de fonte menor.

Aqui, você pode adicionar uma frase de impacto relacionada às categorias em destaque da sua loja.

Mais abaixo, temos a opção Quantidade de categorias exibidas por vez.

Este recurso permite definir quantas categorias serão exibidas de uma vez na loja virtual.

Você pode escolher entre 4, 5, 6, 7 ou 8 categorias por vez.

Por exemplo, se deixar configurado como 5, serão exibidas 5 categorias diferentes a cada visualização do slide.

Ao clicar na seta para visualizar mais categorias, novas categorias configuradas serão exibidas.

Em seguida, temos a opção Tamanho da imagem da categoria.

Note que o padrão está em 60 pixels, mas você pode aumentar conforme desejar.

O tamanho máximo permitido para a imagem da categoria é de 260 pixels.

Basta deslizar a régua para definir o tamanho desejado.

Agora temos a funcionalidade Arredondamento da imagem, também conhecida como border-radius.

Esse recurso permite controlar o formato das bordas da imagem da categoria.

Quando aplicado em 50%, a imagem fica em formato circular.

Mas você também pode alterar de acordo com a sua necessidade, deixando a imagem quadrada em 0%, ou com cantos levemente arredondados usando 1%, 5% ou outro valor.

Logo abaixo, temos a opção Preenchimento da imagem, ou object-fit.

Este recurso pode ser útil dependendo do formato da imagem utilizada.

Aqui, você poderá escolher entre as opções Conter*, *Cobrir ou Auto.

Essas opções ajudam a ajustar a forma como a imagem será exibida dentro do espaço configurado.

Agora vamos para a parte mais importante: adicionar as imagens das categorias.

Neste tema, é possível configurar até 18 categorias em destaque.

Para fazer o upload da imagem, clique em cima do card da categoria.

Em seguida, será aberta a tela do seu computador para selecionar a imagem que você criou previamente em algum editor de imagens.

Recomendamos não utilizar imagens muito grandes, pois isso pode interferir na performance da loja virtual.

Caso você não tenha conhecimento sobre edição de imagens para sites, recomendamos procurar alguém que possa editar e salvar essas imagens de forma otimizada.

O tamanho recomendado é de até 260 por 260 pixels*, podendo ser em *PNG com fundo transparente ou em JPG.

Logo abaixo da imagem, temos o campo Nome da Categoria.

Esse campo é importante para orientar melhor o usuário sobre qual categoria está sendo exibida.

Em seguida, temos o campo Link.

Esse link deve direcionar o usuário para a categoria correspondente.

Para copiar o link corretamente, acesse o menu da sua loja virtual, clique com o botão direito sobre a categoria desejada e selecione a opção Copiar endereço do link.

Depois, cole esse link no campo correspondente dentro do editor.

Pronto.

Após configurar todas as categorias em destaque, basta acessar sua loja virtual e conferir como ficou a exibição na home do Tema ConvertMax. Transcript

Abrir Chamado
Nossa equipe responde em breve
📦 Tray 📁 ConvertMax
Chamado aberto!

Caso não tenha cadastro, criaremos um acesso e enviaremos os dados por e-mail.