Componentes reutilizáveis

O que mudou nos componentes HTML no LumisXP?

• Na versão 17.2, os componentes HTML ganharam novas opções de layout e conteúdo.
• Agora é possível ter partes globais ou locais, facilitando manutenção e padronização.
• Você escolhe como quer controlar estrutura e conteúdo em cada caso.

Layout e conteúdo locais

• Estrutura e conteúdo podem ser alterados individualmente em cada página.
• Cada inserção gera uma cópia sem vínculo com a original.
• É como todos os componentes HTML funcionavam antes da versão 17.2.
• Exemplo: Um banner com mensagem única para cada página de produto.

Layout global e conteúdo local

• É o novo padrão ao criar um componente HTML, onde as alterações de conteúdo são feitas localmente, mas a sua estrutura HTML é global.
• Ou seja, para alterar o layout desse componente, é em um lugar centralizado, que é no repositório de componentes.
• Exemplo: Um bloco de cards com o mesmo visual em todo o site, mas textos diferentes.

Layout e conteúdo globais

• Estrutura e conteúdo são gerenciados num local centralizado.
• Todas as páginas recebem atualizações instantaneamente.
• Instâncias podem ser desvinculadas para edições específicas.
• Exemplo: Um rodapé institucional com informações iguais em todas as páginas.