18/07/2020 • 1 min de leitura
Subtítulo na home da Loja Integrada
Uma forma rápida de inserir um subtítulos nos seus títulos da home da sua loja integrada
Um dos pedidos mais frequentes na comunidade da Loja Integrada é sobre como colocar subtítulo na home. Usando um pouco de javascript conseguimos resolver isso.
Basta acessar "Incluir código HTML".
Depois na caixa "Código do rodapé" insira trecho de código abaixo. Lembre-se de alterar o texto das mensagens.
Se não quiser exibir o subtítulo em algum momento basta alterar a propriedade active para false.
Vamos ao que interessa.
<script>
const titleOnHome = [
{
title: 'vitrine-lancamento',
active: true, // true or false
message: 'Subtítulo lançamento entra aqui.',
},
{
title: 'vitrine-mas-vendido',
active: true, // true or false
message: 'Subtítulo mais vendidos entra aqui.',
},
{
title: 'vitrine-destaque',
active: true, // true or false
message: 'Subtítulo mais vendidos entra aqui.',
},
];
titleOnHome.forEach(item => {
if (item.active) {
const vitrine = document.getElementsByClassName(item.title);
const element = document.createElement('div');
const textElement = document.createTextNode(item.message);
element.appendChild(textElement);
vitrine[0].appendChild(element);
}
});
</script>
