Você provavelmente já viu muitos sites na internet listando seus produtos no formato de tabelas (lado a lado) e no formato lista (um abaixo do outro). E já deve ter visto algumas lojas em Magento com esses formatos.
O que você talvez não tenha visto, é que é possível alterar essas configurações padrões de frontend no backend. Configurando assim o formato de apresentação, a quantidade de itens listados, a ordem de apresentação, entre outras coisas.
Tabela ou Lista
Para fazer alterações na exibição do seu catálogo em frontend comece acessando:
Sistema > Configuração > Catálogo > Catálogo [Frontend]
Vamos conhecer as opções que podem ser configuradas, e como isso afeta a apresentação da sua loja.
Forma de Exibir os Produtos – Aqui você informa como o sistema deve exibir os seus produtos, se em formato de lista ou tabelado. Com a possibilidade de manter as duas opções disponíveis para o cliente.
Se você tem dúvidas de qual modelo é mais aceito pelo seu público, procure utilizar o Event Tracking do google e faça um teste A/B.
Produtos por Página na Tabela de Valores Permitidos – Esses números são referentes a quantidade de produtos exibidos por página. Os números devem ser separados por vírgula.
Muitas usuários não gostam de paginação, e preferem carregar um número maior de produtos por página.
Produtos por Página na Tabela de Valores Padrão – Aqui você define qual dos valores informados anteriormente será sua quantidade padrão de visualização. Então no item anterior você pode ter vários números, mas apenas um destes números será o padrão quando o cliente visitar sua página.
Este valor deve ser obrigatoriamente informado no campo anterior para ser usado como padrão.
Produtos por Página na Lista de Valores Permitidos e Produtos por Página na Lista de Valores Padrão – Funcionam exatamente da mesma forma que os dois campos anteriores, porém para o modo Lista.
Organizando a ordem de apresentação
Os dois próximos campos permitem que você organize a ordem como os itens acima serão listados na página.
Permitir Exibir Todos os Produtos na Página – O padrão da instalação vem como “Não“. E dependendo do volume de produtos que você tem por categoria, é melhor manter assim.
Porém é possível adicionar a opção “Todos” no combobox que exibe a quantidade de produtos por página – do campo que você configurou anteriormente.
Isso elimina a paginação da sua categoria carregando todos os produtos de uma só vez. Basta marcar a opção “Sim” – não é recomendado para categorias com grande volume de produtos.
Listando Produtos pela Ordem – Como você quer organizar seus produtos? Por nome? Por preço? Por cor talvez? Aqui é possível informar qual será o atributo de ordenação dos resultados – no SQL o seu ORDER BY.
É possível ainda incluir outros atributos neste combobox. Leia o post Alterando a ordem de exibição dos produtos.
Otimizando o carregamento
Além destas informações de exibição também é possível fazer algumas configurações de performance, como veremos abaixo:
Utilizar Catálogo de Categoria Flat – Carrega todas as informações de categorias em uma única tabela para melhorar a performance no frontend da loja. Recomendado para qualquer tipo de loja.
Utilizar Catálogo de Produtos Flat – Carrega todas as informações do produto em uma única tabela, melhorando assim a performance do sistema na hora de carregar as informações no frontend. A Magento recomenda habilitar esta opção se sua loja possui mais de 1.000 produtos.
Por padrão estes dois campos vem marcados como “Não“, para não afetar sua performance durante a criação da loja. Mas é recomendado que você altere para “Sim” quando finalizar os cadastros de produtos e categorias da sua loja.
Permitir URL Dinâmica de Mídia nos Produtos e Categorias – Por padrão vem marcado como “Sim“, permitindo que você use tags “genéricas” para construir urls de imagens e arquivos de mídia. Essa pequena “vantagem” na hora de desenvolver suas páginas gera um custo de performance.
Então se você está procurando por performance, altere a opção para “Não“. Ao fazer essa alteração verifique se todas as imagens do seu tema continuam funcionando.
Se o seu template/tema está dentro dos padrões do Magento, provavelmente a página responsável pela listagem de todas essas configurações é o list.phtml que fica em:
app > design > frontend > base > default > template > catalog > product > list.phtml
E dentro deste arquivo é feito a verificação e a construção dos modos lista/tabela de exibição. Então apesar do nome do arquivo ser “list“, ele possui tanto o modo “list” como o modo “grid“.
E quem diria que um assunto tão simples traria tanta informação valiosa hein!?
Sucesso!