Ao criar uma loja online usando o WooCommerce, é importante garantir que a aparência e a organização dos produtos sejam adequadas para atrair e envolver os clientes. O número padrão de produtos exibidos por página em uma loja WooCommerce é 16, distribuídos em 3-4 linhas. No entanto, essa configuração pode não ser adequada para todas as lojas, especialmente se você aumentou o tamanho das imagens dos produtos ou adicionou detalhes extras à página de loja. Nesses casos, é recomendável diminuir o número de produtos exibidos por página e também modificar o número de linhas exibidas. Neste tutorial, mostraremos como fazer isso usando o tema gratuito Botiga para WooCommerce.
Passo 1: Instalar e ativar o tema Botiga
Para começar, você precisará instalar e ativar o tema Botiga em sua loja WooCommerce. Siga estas etapas:
- Acesse o painel de administração do WordPress.
- Vá para "Aparência" e clique em "Temas".
- Clique no botão "Adicionar novo" e pesquise por "Botiga".
- Quando o tema Botiga aparecer, clique em "Instalar" e, em seguida, em "Ativar".
Você também pode baixar o tema Botiga do nosso site e fazer o upload manualmente seguindo as mesmas etapas acima.
Passo 2: Importar um site inicial do Botiga (opcional)
Os sites iniciais do Botiga são designs de sites pré-criados que você pode importar com alguns cliques. Embora essa etapa seja opcional, ela pode ajudar bastante na configuração da sua loja WooCommerce. Veja como fazer isso:
- Acesse "Botiga" no painel de administração do WordPress.
- Clique em "Sites iniciais" e escolha um site inicial para visualizar.
- Para importar um site inicial para sua loja WooCommerce, clique no botão "Importar".
- Escolha entre as versões Gutenberg e Elementor, dependendo de como você deseja personalizar seu site.
- Decida se deseja importar todo o site, incluindo imagens, textos, etc., ou apenas o conteúdo de espaço reservado. Recomendamos importar todo o site para ter uma base completa para trabalhar.
- Na última etapa, você verá os plugins que o Botiga deseja instalar em seu site. Você pode desmarcar alguns dos plugins não essenciais antes de iniciar o processo de importação.
- Aguarde alguns segundos enquanto o Botiga importa o site inicial. Quando o processo estiver concluído, você poderá abrir seu site para ver como ficou o novo design.
Passo 3: Abrir o Personalizador
Agora que você instalou o tema Botiga e, opcionalmente, importou um site inicial, é hora de abrir o Personalizador para fazer as alterações desejadas. Siga estas etapas:
- No painel de administração do WordPress, clique em "Aparência" e selecione "Personalizar".
- O Personalizador será aberto e você verá sua página inicial à esquerda da tela.
Passo 4: Alterar o número de produtos e linhas
Para alterar o número de produtos exibidos por página em sua loja WooCommerce, siga estas etapas:
- No Personalizador, clique em "WooCommerce" e selecione "Catálogo de produtos".
- Na próxima tela, clique na guia "Layout" para abrir as configurações de layout do catálogo de produtos.
- As duas primeiras opções que você verá são "Produtos por linha" e "Linhas por página". Configurar essas opções alterará o número de produtos e linhas exibidos por página nas páginas de loja e catálogo da sua loja WooCommerce.
- Se você deseja configurar números diferentes de produtos e linhas para usuários de dispositivos móveis e tablets, clique nos ícones de tablet e celular no canto superior direito do painel de layout e configure as opções "Produtos por linha" e "Linhas por página" para as visualizações de tablet e celular.
- Depois de configurar as opções desejadas, clique no botão "Publicar" no topo do Personalizador para salvar as configurações.
Passo 5: Personalizar ainda mais a página de loja
O tema Botiga oferece outras opções de personalização para a página de loja, permitindo que você altere o layout e adicione uma barra lateral. Veja como fazer isso:
- Para alterar o tipo de layout da página de loja, vá para "Aparência", "Personalizar", "WooCommerce" e "Catálogo de produtos". Em seguida, clique na guia "Layout" e selecione a opção "Tipo de layout" e escolha "Lista".
- Para adicionar uma barra lateral à página de loja, role para baixo no painel de layout até encontrar a configuração "Layout da barra lateral". Selecione um dos layouts de barra lateral disponíveis.
- Depois de fazer as configurações desejadas, clique no botão "Publicar" no topo do Personalizador para salvar as alterações.
Passo 6: Verificar a página de loja
Embora o Personalizador mostre as alterações em tempo real, é importante verificar como a página de loja ficará sem o Personalizador aberto. Se você não gostar do resultado, volte ao Personalizador e faça ajustes nas opções "Produtos por linha", "Linhas por página" e outras opções de catálogo de produtos no painel de layout.
Pronto! Agora você alterou o número de produtos e linhas exibidos na página de loja do seu WooCommerce. O tema Botiga oferece uma solução flexível e fácil de usar para personalizar sua loja e melhorar a experiência do cliente. Baixe o tema Botiga gratuitamente e crie uma loja WooCommerce rica em recursos, amigável ao usuário e otimizada para conversões. Se tiver alguma dúvida sobre como alterar o número de produtos e linhas em uma página de loja WooCommerce, deixe um comentário abaixo.