Editar blocos da Homepage

Neste artigo você verá como editar os blocos da Homepage, tanto pela Página da Home quanto diretamente pelos blocos.

A primeira parte é sobre a CHAMADA DOS BLOCOS DA HOME.

A segunda parte você verá como EDITAR BLOCOS ESTÁTICOS.

 

 

  • CHAMADA DOS BLOCOS DA HOME

Vá em Conteúdo/Páginas.

print

 

No filtro Nome na URL, digite ‘home’ e selecione o primeiro item.

print2

 

Na tela de edição da Home, vá na aba Conteúdo.

Cada um dos itens destacados no print representa um item da Home.

print3

O padrão da Loja Modelo está com a seguinte ordem:

1º item: Barra Promoção (Bloco estático)

2º item: Banner Principal

3º item: carrossel de produtos.

4º item: Banner Home (Bloco estático)

5º item: carrossel de produtos.

6º item: Nossas Marcas (Bloco estático)

7º item, que no caso é o código da última linha, é o “Fique por dentro das novidades”, que é adicionado com uma outra abordagem. Ele é dividido em 3 blocos estáticos: bloco home esquerdo, bloco home centro e bloco home direito.

 

 

  • EDITANDO BLOCOS ESTÁTICOS

Blocos estáticos, citados nos itens, podem ser editados em Conteúdo/Blocos estáticos, no Menu Superior do Painel Administrativo.

print4

A página que irá ser exibida é parecida com a área de Páginas, citada acima neste tutorial. Utilize os filtros para procurar o bloco que deseja editar ou clique no botão do lado direito ‘Criar Bloco’.

print2

Caso deseja criar um bloco, clique no botão ‘Criar bloco’ e, na página que irá ser exibida, você deverá preencher os campos:

Título (título do bloco)

Identificador (ID do bloco que irá ser utilizado para ser chamado em uma página, por exemplo na Home)

Estado (por padrão Habilitado)

Conteúdo (o conteúdo do bloco em si. Note que há um editor acima do campo. Você poderá utilizá-lo para editar o conteúdo: inserção de imagens, edição de texto, etc.)

print2

Ao salvar as configurações, vá na página ou em um outro bloco que você gostaria que o bloco criado fosse exibido. Na área de conteúdo, clique na posição onde deseja inserir o novo bloco e clique no segundo ícone do editor.

print

Irá ser exibida uma tela de inserção de Widget. Nesta tela você irá selecionar o bloco criado. No campo Tipo de Widget, selecione a opção CMS Bloco Estático. Clique no botão Selecionar… para selecionar um bloco.

print

Na tela seguinte irá ser exibida a lista de blocos da loja. Utilize os filtros para selecionar um bloco e clique no bloco.

print

Você irá retornar à tela anterior. Basta clicar no botão Inserir Widget, no canto direito superior, e o bloco irá ser listado no conteúdo. Salve a página e limpe o cache.

0