Esta documentação explica como configurar abas adicionais (Extra Tabs) na página de produto utilizando atributos.
A funcionalidade permite exibir informações específicas dentro de novas abas, inclusive com suporte a HTML personalizado, quando necessário.
⚠️ Importante:
Atualmente, essa funcionalidade está disponível no ambiente de desenvolvimento e já se encontra versionada no repositório. Para aplicação em clientes, é necessário solicitar atualização à equipe responsável.
Compatibilidade da Funcionalidade #
A funcionalidade está disponível apenas para o template de página de produto que utiliza o modelo com abas padrão:
- Descrição
- Informações Detalhadas
- Avaliações
Ela adiciona novas abas ao lado dessas já existentes.
Funciona tanto para:
- Produtos padrão
- Produtos Multi Seller
Desde que utilizem o template de duas colunas (modelo novo).
Como funciona a configuração #
A funcionalidade permite que um atributo de produto seja exibido como uma nova aba na página do produto.
O conteúdo da aba será exatamente o valor preenchido no atributo.
Se o atributo estiver vazio, a aba não será exibida.
Passo 1: Criar ou identificar o atributo #
Você pode:
- Utilizar um atributo já existente
ou - Criar um novo atributo específico para essa finalidade
Recomendação técnica #
Se a intenção for inserir:
- Texto simples → utilizar campo de texto
- Conteúdo personalizado (HTML, links, estilos) → utilizar Área de Texto
O tipo Área de Texto permite inserir:
- Tags HTML
- Estilizações inline
- Links
- Botões
- Arquivos para download
Caminho para criar ou editar atributo #
Acesse o menu lateral do painel administrativo.
Clique em Catálogo.
Acesse Atributos.
Localize o grupo de atributos do produto ou crie um novo atributo.
Defina o tipo como Área de Texto, caso deseje permitir HTML.
Salve as alterações.
Passo 2: Configurar a aba no Soul Core #
Após criar ou identificar o atributo, é necessário vinculá-lo na configuração de abas extras.
Acesse o menu lateral.
Vá até Sistema
Acesse Configurações.
Clique em Soul Core.
Clique em Configuração de Página de Produto.
Localize a seção Extra Tabs.
Nesta seção, informe:
- O código do atributo que será utilizado
- O título que aparecerá como nome da aba no front-end
Exemplo:
- Atributo:
desenho_tecnico - Título da aba:
Desenho Técnico
Salve as configurações.
Passo 3: Preencher o atributo no produto #
Acesse o produto desejado.
Localize o atributo configurado.
Preencha o conteúdo desejado.
Salve o produto.
Resultado no Front-End #
Após salvar:
Atualize a página do produto.
A nova aba será exibida automaticamente.
O conteúdo será apresentado exatamente conforme preenchido no atributo.
Observação:
Se o atributo estiver vazio, a aba não será exibida.
Casos de uso #
Essa funcionalidade pode ser utilizada para:
- Desenho técnico
- Ficha técnica detalhada
- Downloads de manuais
- Informações de garantia
- Conteúdo personalizado por projeto
Precisa de Ajuda? #
Se tiver dúvidas ou dificuldades ao configurar as abas adicionais na página de produto, entre em contato com nossa equipe através do Painel de Suporte.