Passar para o conteúdo principal

Como alterar / inserir um título em um componente existente na home page?

Neste artigo iremos demonstrar como mudar o nome/título da coleção que aparece na home

Atualizado há mais de 2 meses

Como alterar / inserir um título em um componente existente na home page?

Lembrando que, todas as alterações onde serão feitas mudanças em configurações da plataforma é ideal se seja feito um backup ou registro de como estavam antes da alteração, print dos componentes e suas posições originais, copiar o texto dos parâmetros e salvar em um bloco de notas para garantir que caso a alteração da coleção ou do título não funcione seja possível retornar ao estado anterior.


O que é?

O título é a legenda que fica acima de alguns componentes como por exemplo:

carrossel de produtos (product-carousel-grid), carrossel de banners (banner-carousel), produto em destaque (product-featured), etc.

Como funciona?

O título funciona como legenda e separador dos componentes da home, ficando acima de deles

Como configurar?

Para alterar o título dos componentes basta alterar o argumento “title” dentro do código dos componentes alguns componentes que suportam essa configuração:

carrossel de produtos (product-carousel-grid), carrossel de banners (banner-carousel), produto em destaque (product-featured)

Não confundir com o argumento “title” dentro do parâmetro “badges”, esse argumento altera o nome da etiqueta de promoção dos componentes de produto.

Caso queira adicionar um link no título basta inseri-lo no argumento “title-link” como nos exemplos abaixo,

Caso o link seja de uma coleção:

Caso o link seja de um departamento:

O título tem uma classe que suporta estilização em css sendo ela a .block-header__title

Sem TITULO:

Com Titulo:




Caso tenha alguma dúvida nesse procedimento basta acionar o suporte para te auxiliar!

Respondeu à sua pergunta?