29 jul
As vitrines da página inicial são o "cartão de visita" do seu e-commerce. Saber editar vitrines no Magento 2 utilizando o módulo Codazon Product Filter é essencial para manter sua loja atualizada com lançamentos, promoções e best-sellers.
Neste tutorial, vamos explorar como alterar títulos, selecionar categorias específicas e configurar o layout dos seus carrosséis de produtos.
1. Acesse o Gerenciador de Conteúdo
No menu lateral do painel administrativo, navegue até Codazon > Main Content.
2. Selecione a Página Correta
Você verá uma lista de páginas. Localize a página principal ativa da sua loja (Home Page) e clique em Select > Edit.
3. Identifique os Blocos de Vitrine
Na área de edição ("Main Area"), você verá blocos representando cada seção do site, como:
- HTML Informática
- HTML Esportes
- HTML Eletro
Cada bloco desses é uma vitrine independente.
4. Editando o Título (HTML)
Clique no ícone de lápis (✏️) ao lado do bloco desejado. Se o título for um código HTML, siga este padrão para não quebrar o layout:
1. Localize o código:
2. Altere apenas o texto dentro das tags span:
b-title ou inner, pois elas garantem a formatação visual do tema.
5. Configurando os Produtos (Product Filter)
Para escolher quais produtos aparecem, clique no botão laranja WYSIWYG Editor e depois clique sobre o widget do Codazon Product Filter.
5.1 Tipo de Exibição (Display Type)
- All products: Mostra tudo da categoria.
- New products: Apenas lançamentos (configurados com data no produto).
- Best sellers: Mais vendidos.
- Special price: Produtos com desconto ativo.
5.2 Ordenação e Elementos Visíveis
Defina a ordem (Preço, Nome, ID) e marque o que deve aparecer no card do produto (Botão Comprar, Preço, Nome, etc).
5.3 Filtragem Avançada
Você pode filtrar por Categoria ou IDs específicos:
- Specify products by ids: Digite os IDs separados por vírgula (ex:
226,231). Isso sobrepõe as outras regras. - Conditions: Use para selecionar uma categoria inteira (ex:
Category is 8).
6. Salvar e Limpar Cache
Após configurar tudo, salve o widget, feche a janela e clique em Save na página principal.
As vitrines não mudarão se você não limpar o cache. Vá em System > Cache Management e clique em Flush Magento Cache.
7. Resultado Final
Acesse a frente da sua loja (frontend) e verifique se as vitrines foram atualizadas conforme sua configuração.
Para mais detalhes sobre gerenciamento de cache, consulte a Documentação Oficial da Adobe.