Foi implementada uma nova funcionalidade na plataforma Soulmkt que permite a criação de abas adicionais (tabs) na página de produto, de forma dinâmica, com base em atributos cadastrados.
Essa funcionalidade possibilita exibir conteúdos específicos de forma organizada, como:
- Desenhos técnicos
- Informações adicionais
- Downloads
- Conteúdos personalizados em HTML
Atualmente, a funcionalidade está disponível no ambiente de desenvolvimento e já versionada no repositório Git, podendo ser aplicada em clientes mediante atualização.
Escopo da Funcionalidade #
A funcionalidade é compatível exclusivamente com o template de página de produto que utiliza abas, como:
- Descrição
- Informações detalhadas
- Avaliações
Ela adiciona novas abas dinamicamente ao lado dessas já existentes.
Como Funciona #
A criação de uma nova aba é baseada em dois elementos principais:
- Atributo do produto
- Label (título da aba no front-end)
Se o atributo possuir valor preenchido no produto, a aba será exibida automaticamente.
Caso esteja vazio, a aba não será exibida.
Configuração no Admin #
Sistemas → Configurações → Core → Configurações Front-End→ Extra Tabs
Campos necessários #
- Atributo: código do atributo que será utilizado
- Attribute label: nome exibido no front-end
Criação / Configuração do Atributo #
Criar o atributo como:
- Tipo: Área de Texto (Textarea)
- Permite uso de HTML customizado
Exemplo de uso #
O atributo pode receber conteúdo HTML diretamente, como:
<p style="color: red;">Texto de exemplo</p>
Esse conteúdo será renderizado dentro da aba no front-end.
Exibição no Front-end #
Após:
- Configurar o atributo na aba “Extra Tabs”
- Preencher o valor no produto
A nova aba será exibida automaticamente na página do produto.
Exemplo:
- Aba criada: Desenho Técnico
- Conteúdo: HTML inserido no atributo
Regras Importantes #
- A aba só aparece se o atributo tiver valor
- Funciona para:
- Produtos simples
- Produtos multi-seller
- Depende do template de produto com abas (layout 2 colunas padrão novo)
- Pode utilizar:
- Atributos existentes
- Atributos novos personalizados
Casos de Uso #
Essa funcionalidade é especialmente útil para:
- Inserção de arquivos para download
- Conteúdos técnicos detalhados
- Especificações avançadas
- Conteúdo customizado por cliente
Exemplo real: projeto que utiliza a aba para disponibilizar arquivos técnicos de produto.
Publicação e Disponibilidade #
- Disponível no ambiente de desenvolvimento
- Código já disponível no Git
- Deve entrar no pacote padrão em próximas atualizações
- Para uso imediato em clientes: solicitar atualização ao responsável técnico
Observações Técnicas #
- A renderização do conteúdo aceita HTML inline
- Não há sanitização avançada por padrão (avaliar segurança conforme uso)
- A ordem das abas segue a configuração definida no sistema
Se tiver qualquer dificuldade ou dúvida, entre em contato com nossa equipe de suporte. Estamos sempre à disposição para ajudar!