Como alterar imagem de bloco Parallax na pagina inicial do site – Magento 2

Neste tutorial será apresentado como realizar a troca da imagem presente do bloco de “Parallax” na pagina inicial.

1° Passo é realizar o acesso ao bloco especificado, iremos utilizar o navegador do painel, e seguir o caminho de “Conteúdo” -> “Blocos” e encontrar o bloco desejado, e ir até sua edição que será realizada com o construtor de paginas.

2° Dentro da pagina de edição do construtor de tema será possivel ver que o bloco está configurado a nível de código, não se preocupe a alteração a ser realizada é simples tendo em vista que tudo já está configurado, parra isso iremos clicar no símbolo de engrenagem que aparece assim que passamos o mouse sobre o código.

Assim que for aberto será exibido o código na pagina, ao analisarmos será possivel visualizar na primeira linha de código uma URL essa url será o caminho da sua imagem que será buscado e adicionado, é possivel ver tambem que no final dessa URL terá nome do arquivo que voce irá colocar, no exemplo a baixo está como “paralaxCentro.jpg” mas logo será alterado pelo nome do seu arquivo de mídia.

3° Para realizar essa alteração iremos adicionar uma imagem as mídias do painel para isso basta clicar em “Insert Image…”

Iremos então carregar a imagem que desejamos

Neste momento que a imagem carregar no grid de imagens a baixo não iremos clicar em adicionar selecionado, e sim iremos pegar a URL dela, ou seja seu caminho, para isso basta clicar sobre as opções da imagem(3 pontos ao lado da imagem) e clicar em ver detalhes

E iremos copiar o caminho (URL) da imagem

Basta então fechar a as guias abertas até voltar no código e trocar a URL que esta configurada por padrão, pela que acabou de ser copiada por voce, o local de inserção e logo após o sinal de igualdade(=) como na imagem a baixo

Basta então salvar o bloco e limpar o cache da loja para visualizar as alterações no design.

A tamanho da imagem que utilizamos no site é de 1920×1770 porem pode-se usar o tamanho que achar adequado