Adicionar uma visualização de lista de produtos pode ser muito útil se você quiser exibir informações adicionais sobre os produtos. Eles funcionam muito bem com sites de atacado e outras lojas online semelhantes.
A maioria dos plug-ins de visualização de lista de produtos estão disponíveis com Opções integradas, como alternância de visualização em grade ou lista, contagens de produtos para listas, paginação , etc. Tudo que você precisa fazer é editar o plugin com as opções necessárias que deseja em sua lista de produtos.
Usando o plugin Grid/List View para WooCommerce
Grade/Visualização para WooCommerce É a melhor opção para você. É um plugin simples e leve que faz o trabalho perfeitamente. O plug-in adiciona automaticamente um botão na página da loja do seu site para permitir que os clientes mudem da visualização em grade para a visualização em lista.
No entanto, você ainda tem muitas opções de personalização para suas listagens de produtos, embora seja uma solução simples. Ele estendeu personalizações para os botões que seus clientes alternam entre visualização em grade e lista. Além disso, você também tem mais algumas opções, como contagem de produtos e CSS e JavaScript personalizados para exibir a lista de produtos em seu site.
1. Instale e ative o plugin
Para começar a usar o plugin, você deve primeiro instalá-lo e ativá-lo. Vá para Plug-ins > Adicionar novo do seu painel de controle WooCommerce para instalar o plug-in. Em seguida, pesquise as palavras-chave do plugin e clique instale agora depois de encontrá-lo.
Assim que a instalação for concluída, ativo o plug-in.
Se quiser usar um plugin premium, você precisará carregá-lo e instalá-lo manualmente em seu site. Você pode encontrar mais informações sobre isso em nosso guia detalhado sobre como instalar um plugin do WordPress manualmente.
2. Configure as opções do plugin
Assim que o plugin for ativado, você será redirecionado para a página de configurações do plugin em seu site.
Até agora, um botão para alternar entre visualização em grade e lista deve ter sido adicionado à página da sua loja. Como resultado, tudo que você precisa fazer é instalar um plugin para habilitar a visualização da lista de produtos.
Porém, você ainda pode precisar personalizá-los ainda mais de acordo com suas preferências usando as configurações do plugin. Ele pode ser acessado através por BeRocket > Visualização em grade/lista do seu painel do WordPress.
Nas configurações do plugin, você poderá ver várias opções de botões, contagem de produtos e CSS/JavaScript.
As opções de botão Eles permitem que você altere os layouts e posições gerais dos botões. Além disso, eles também oferecem predefinições de botões e opções de estilo.
Da mesma forma, no opções de contagem de produtos você pode ajustar o valor da contagem de produtos, produtos por página, a posição desses botões, etc.
Esta opção de contagem de produtos também pode ser completamente desativada em seu site, se não for necessária. Tudo o que você precisa fazer é desmarcar “Usar contagem de produtos”.
Finalmente, você também pode adicionar o CSS/JavaScript personalizado se você quiser adicionar algumas personalizações de sua preferência. Cookies ou botões para alternar a exibição de grade ou lista podem ser adicionados antes ou depois da lista ou estilo de grade.
A versão Font Awesome também pode ser selecionada aqui. Você também pode desativá-lo completamente nesta seção.
Depois de fazer todas as alterações necessárias, não se esqueça Salve-os . Você deverá ver a visualização da lista de produtos assim que visualizar a página da sua loja.
