Habilitando e configurando os filtros de produtos do OpenCart
Versões do OpenCart compatíveis com este tutorial:
OpenCart 2.0.1.1 ou superior
OpenCart 3.0.1.1 ou superior
Introdução:Um recurso básico em uma loja online, é a opção de filtrar produtos marcando as opções desejadas, por isso, neste tutorial vou ensinar de forma prática, como habilitar e configurar os filtros de produtos nos departamentos do OpenCart.
Importante:
Neste tutorial, estou assumindo que você está utilizando a tradução oficial do OpenCart Brasil em sua loja.
- Cenário:
Temos uma loja online que entre vários departamentos, tem um denominado Celulares, e queremos que neste departamento, os nossos clientes filtrem os celulares por sistema operacional, sendo que nesta loja, já temos vários celulares cadastrados e vinculados ao departamento Celulares.
Vamos lá!
1º Passo: Na administração da loja, acesse o menu Catálogo→Filtros, clique no botão Novo (cor azul ao lado do botão excluir na cor vermelha), e no campo Grupo de filtros coloque Sistema operacional; logo abaixo clique no botão Adicionar filtro, e no campo Filtro coloque ANDROID, no campo Posição coloque 1; clique novamente no botão Adicionar filtro, e no campo Filtro coloque IOS, e no campo Posição coloque 2; clique novamente no botão Adicionar filtro, e no campo Filtro coloque WINDOWS, no campo Posição coloque 3; clique novamente no botão Adicionar filtro, e no campo Filtro coloque OUTROS, no campo Posição coloque 4, agora clique no botão Salvar.
Resumindo, para cada grupo filtros, vamos adicionar vários filtros.
2º Passo: Acesse o menu Catálogo→Departamentos, escolha o departamento Celulares, e clique no Editar, clique na aba Dados, e no campo Filtro (o campo é do tipo autocompletar), localize e adicione todos os filtros que cadastramos anteriormente, ou seja, ANDROID, IOS, WINDOWS e OUTROS, os filtros selecionados devem aparecer no campo abaixo, depois clique no botão Salvar.
Os filtros vão ser exibidos conforme abaixo:
Sistema operacional > ANDROID
Sistema operacional > IOS
Sistema operacional > WINDOWS
Sistema operacional > OUTROS
* Você pode cadastrar quantos grupos de filtros você desejar, e ter grupos de filtros distintos para cada departamento.
3º Passo: Acesse o menu Catálogo→Produtos, escolha um dos celulares cadastrados (digamos que vamos editar o produto IPHONE 6S), clique no botão Editar, depois clique na aba Ligações, e no campo Filtro, adicione o filtro (o campo é do tipo autocompletar) IOS, depois clique no botão Salvar.
O filtro vai ser exibido conforme abaixo:
Sistema operacional > IOS
* Você deve repetir o 3º passo para cada produto cadastrado, vinculando em cada produto, o filtro a que ele pertence, sendo que um produto pode ter quantos filtros forem necessários.
4º Passo: Acesse o menu Extensões→Módulos, localize o módulo Menu de filtros, clique no botão Instalar, depois clique no botão Editar, e no campo Situação, selecione a opção Habilitado, depois clique no botão Salvar.
5º Passo: Acesse o menu Design→Layouts, localize o layout Category, clique no botão Editar, localize o botão Adicionar módulo, após clicar no botão vai surgir uma nova linha, na nova linha na coluna Módulo, selecione Menu de Filtros, na coluna Posição, selecione Coluna da esquerda ou Coluna da direita (depende da configuração da sua loja), na última coluna que também se chama Posição (referente a ordenação do módulo), coloque em que posição o módulo vai ficar no layout, depois clique no botão Salvar.
Pronto!
Quando o cliente da loja online, acessar o departamento Celulares, ele visualizará uma caixa de filtros no lado dos produtos, onde ele poderá selecionar os filtros que deseja, e clicar no botão Filtrar.
Lembrando que você pode criar quantos grupos de filtros desejar, sempre vinculando todos os filtros que sejam vinculados ao departamento, e no produto, vinculando somente os filtros que realmente identifiquem o produto.
Caso ainda tenha dúvidas, pesquise no fórum OpenCart Brasil.