Editando as Vitrines da Página Inicial no Magento 2

1. Acesse Codazon > Main Content

No menu lateral do painel administrativo, clique em Codazon e depois em Main content.

Aqui, será exibida a lista de páginas no seu Magento. Encontre a página principal da loja que esta sendo utilizada(é de suma importância prestar atenção para mexer na pagina correta que esta ativa)

2. Editando a pagina

Após achar a pagina correta vá em Select > Edit.

Essa é a seção central da página onde estão localizadas as vitrines que exibem produtos por categoria.

3. Identifique os Blocos das Vitrines

Em “Main Area” você verá vários blocos com nomes como:

• HTML Informática
• HTML Esportes
• HTML Ferramentas
• HTML Eletro
• HTML Automotivo

Cada um desses blocos representa uma vitrine diferente.

4. Clique no Ícone de Edição

Ao lado de cada bloco, clique no ícone de lápis (✏️) para editar o conteúdo daquele bloco.

5. Como Alterar o Título da Vitrine

Quando o título da vitrine está definido diretamente no código HTML (como no exemplo mostrado), siga este passo a passo simples:

1 – Encontre o Bloco de Código: Localize na edição da vitrine a seção que contém:

<p class="b-title h2"><span class="inner">Informatica</span></p>

2 – Edite o Título: Substitua apenas o texto entre as tags <span class=”inner”> e </span>. Por exemplo:

<p class="b-title h2"><span class="inner">Eletrônicos em Promoção</span></p>

3 – Mantenha a Estrutura

• Não altere as classes (b-title, h2, inner) ou outras tags.
• Modifique somente o texto dentro do <span>.

6. Clique em Wysiwig Editor(Botão Laranja)

E clique no Codazon Product Filter para abrir seu painel

7. Configurações Avançadas do Product Filter

7.1 Tipo de Exibição (Display Type) e Quantos Produtos na Vitrine

• All products: Mostra todos os produtos da categoria selecionada.
• New products: Exibe apenas itens marcados como “Novos” (ignora a ordenação definida).
• Best sellers: Produtos mais vendidos.
• Special price: Itens com preço promocional.

👉 Dica: Para “New products”, configure a data de lançamento nos produtos no backend.

7.2 Ordenação (Order by)

• Products ID DESC: Ordem decrescente de cadastro (mais novos primeiro).
• Name: Ordem alfabética.
• Price: Do menor para o maior.
• Position: Segue a ordem manual definida no Catálogo > Categorias.

⚠️ Atenção: Não se aplica se “Display Type” for “New products”.

7.3 Elementos Visíveis na Vitrine(Show on Frontend)

Marque/desmarque os itens que deseja exibir:

• Thumbnail: Imagem do produto.
• Name: Nome do produto.
• Price: Preço.
• Add to cart: Botão de compra.
• Wishlist/Compare: Botões de lista de desejos e comparação.
• Quick Shop: Visualização rápida.

🔧 Personalização: Altere “Thumbnail Width/Height” (em pixels) para redimensionar as imagens.

7.4 Filtro por IDs ou Condições

• Specify products by ids: Insira IDs separados por vírgula (ex: 226,2311) para mostrar produtos específicos.
• Conditions: Filtre por regras (ex: Category is 8 para mostrar apenas produtos da categoria 8).

📌 Prioridade: Se ambos forem preenchidos, apenas os IDs especificados serão considerados.

7.5 Layout e Templates

• Total rows/columns: Define quantas linhas/colunas de produtos serão exibidas (depende do template).

• Custom template: Use arquivos como grid-style-25.phtml para designs personalizados.

7.6 Configurações de Slider (Carrossel)

• Show As Slider: Ativa/desativa o efeito de carrossel.
• Autoplay: Roda automaticamente.
• Slider Dots/Arrows: Exibe indicadores de navegação e setas.

8. Salve as Alterações

Agora salve o product filter, feche as abas e salve dentro do Main Content

9. Atualize o Cache

⚠️ IMPORTANTE:

Após editar os widgets ou o conteúdo da página, é fundamental atualizar o cache do Magento 2 para aplicar as alterações no site.

Para atualizar o cache:

• Vá até Sistema > Gerenciamento de Cache (System > Cache Management).

• Clique em Flush Magento Cache ou selecione as áreas alteradas e clique em Submit.

Somente após esse passo as mudanças aparecerão na vitrine da loja.

10. Verifique no Frontend

Acesse a home do site pelo frontend para garantir que as vitrines foram atualizadas corretamente com os novos títulos, produtos e categorias.