Editando os blocos no Magento 2

Neste tutorial iremos destrinchar os blocos da loja Magento 2.

Para acessar a lista de blocos da loja, no menu principal à esquerda, vá em Conteúdo e na seção Elementos clique em ‘Blocos’.

print0

 

Para que fique mais fácil de visualizar os blocos ativos da loja, você deve filtrá-los por Status – no caso, exibir os blocos com o Status ‘Habilitar’.

print1

 

Abaixo se encontra a lista dos Blocos filtrados, com os respectivos IDs e Títulos, que tentam descrever o que cada bloco faz. Para editar um bloco, você deve ir na coluna AÇÃO, clicar no ‘Select’ e depois ‘Edit’.

screencapture-geralferramentas-bringcommerce

 

O primeiro bloco (ID: 1) é o da Home, contendo todo o conteúdo da primeira página da loja.

Iremos descrever os blocos a partir do bloco seguinte, o TELEFONE TOPO (ID: 39), citando o ID de cada bloco de acordo com a lista mostrada acima.

Veja na imagem abaixo quais são as áreas editáveis através de blocos no topo da loja.

printTOPO

ID 39: TELEFONE TOPO . Neste bloco você poderá editar o telefone e o ícone de acesso à conta.

ID 46 – Menu (Antes) HOME e ID 47 – Menu (Depois) BLOG: Os campos em destaque são adicionados por blocos e incluídos como itens do MegaMenu.

 

Seguindo na ordem de exibição da loja, ainda na Home, temos a Barra de Promoções.

print5

ID 55 Bloco Banner Promoção: No bloco é adicionado todo o código responsável pela Barra de Promoções. Por lá você poderá editar as imagens da Barra.

 

Logo abaixo temos a Barra de Marcas, que funciona nos mesmos moldes da Barra de Promoção, pelo Bloco ID: 56 Bloco Logomarcas.

print6

 

 

Abaixo temos o Rodapé da loja, destacando as áreas de edição e seus respectivos blocos ID’s.

FOOTER

ID 40 Footer PRIMEIRA COLUNA: “Minha Conta”

ID 41 Footer SEGUNDA COLUNA: “Informações de Contato”

ID 42 Footer TERCEIRA COLUNA: “Mobile”

ID 43 Footer FORMAS PAGAMENTO: Localizado abaixo das colunas

ID 54 Footer REDES SOCIAIS: no topo do rodapé.

 

 

Agora vamos para as páginas de categorias, com uma única área sendo editada por blocos.

print4

ID 44 Página Categorias SUPER OFERTAS: Localizado abaixo dos filtros, à esquerda da página.

 

Na página dos PRODUTOS, um único bloco é editado, do lado direito da página.

print3

ID 45 Página Produto Lado Direito: tanto a área de “frete grátis” quanto às imagens abaixo podem ser editadas. As imagens estão inseridas em um carrossel.

0