Criar e Editar Vitrine de Produtos – Magento 2

Postado .

Neste tutorial será apresentado como Criar e Editar Vitrine de Produtos  na HOME do site, utilizando a plataforma Magento 2.

É necessário  entrar no painel administrativo na área correta, como mostrado na imagem abaixo, utilizando o caminho ( Conteúdo -> Blocos ):

1.1  – CRIANDO UMA NOVA VITRINE DE PRODUTOS.

 

1.2  – Nessa página será apresentado todos os blocos do site.  Vamos adicionar um novo bloco clicando no botão “Adicionar novo bloco”

 

1.3  – Logo após iremos dar um titulo ao novo Bloco e adicionar um identificador, em seguida editar com o Page Builder como mostrado na imagem abaixo, seguido dos passos 1, 2 e 3.

Observação: O identificador, não pode conter caracteres especiais, como “ç“, ou acentos etc. Devem ser seguidos de “–” para separar as palavras.

 

1.4 – Com o Page Builder Aberto, arraste uma Row para a tela em branco.

1.5 – Arraste o elemento “Produtos” dentro da Row  adicionada no passo anterior.  

 

1.6 – Arraste o elemento “Heading” por cima do  elemento “Produtos”  adicionada no passo anterior. Em seguida, informe um titulo para a nova Vitrine.   

 

1.7 – Mova o cursos do mouse sobre o elemento Produtos inserido, e clique no icone de engrenagem como mostrado na imagem.

 

1.8 – Será aberto a seguinte página de configuração:

 

1.9 – INSTRUÇÕES SEGUIDAS DA NUMERAÇÃO NA IMAGEM:

  1. Nessa opção, você pode definir como será exibido a vitrine dos produtos, podendo ser do tipo carrossel (os produtos vão ficar em movimento), ou do tipo Grid (será adicionado uma grade de produtos).
  2.  Nessa opção podemos escolher quais serão os produtos a  serem exibidos na Vitrine, podemos filtrar por categoria, código do produtos ou condição.Categoria:

    É exibido todas as categorias e subcategorias cadastradas na loja. Quando selecionadas, somente os produtos dessa categoria serão exibidos na vitrine.
    Código do produto: Os SKU’s podem ser inseridos nesse campo separados por virgula.

  3. Detalho no passo 2.
  4. Ordenar Por: Nessa opção pode ser definida uma ordem aos produtos aparecem na vitrine, podendo ser por ordem alfabetica, pelo maior ou menor preço, etc.
  5. Número de produtos a exibir: Nessa opção pode ser definida a quantidade de produtos que serão exibidos na vitrine.

1.9.2 – Após seguir todos os passos corretamente, salvar as alterações e pegar O CÓDIGO DO NOVO BLOCO CRIADO,
Em seguida, ir para Conteúdo -> paginas.

Abra a Home da Loja:

 

Agora, reforço que haja atenção redobrada, pois qualquer alteração e exclusão de algum Bloco da Home pode comprometer a pagina inicial do site.

 

Acesse o Conteúdo da pagina, e clique sobre a engrenagem conforme a imagem abaixo:

Encontre a Área que quer adicionar o Bloco da vitrine. Adicione o código da vitrine  entre eles, lembre-se de alterar o block_id para o ID DO BLOCO DA VITRINE CRIADA NOS PASSOS ANTERIORES.

 

Adicione o código ABAIXO no Local desejado, trocando o ID pelo ID DO Bloco da Vitrine

{{widget type=”Magento\Cms\Block\Widget\Block” template=”widget/static_block/default.phtml” block_id=”  id-do-bloco-da-vitrine-aqui “}}

 

Após todas as alterações, salve-as e limpe o cache.

 

2.  – EDITANDO UMA VITRINE DE PRODUTOS.

 

  • 2.1 É necessário  entrar no painel administrativo na área correta, utilizando o caminho ( Conteúdo -> Blocos ):
  • 2.2 ENCONTRE O BLOCO DA VITRINE DESEJADA COMO MOSTRADO NA IMAGEM ABAIXO:


  • 2.3 –  Seguir os passos 1.6 até o passo 1.9 deste mesmo tutorial
  • 2.4 – Salvar as alterações e limpar o cache.

0