Desative e remova produtos relacionados no WooCommerce – 5 maneiras de ocultá-los rapidamente

Os produtos relacionados ao WooCommerce são criados com o objetivo claro de apresentar aos visitantes da loja uma gama mais ampla de produtos.

É uma maneira eficaz de aumentar o valor médio do pedido ou as compras de produtos e praticamente todas as lojas usam o conceito.

Mas se você não quiser que eles apareçam, como remover produtos relacionados ao WooCommerce ou desativá-los?

Você pode estar bombardeando os clientes com outros produtos antes mesmo de eles quererem fazer a primeira compra em sua loja a qualquer momento, e isso não é bom para a conversão.

Você pode estar se perguntando como o WooCommerce escolhe quais produtos relacionados exibir na página do produto.

Os produtos relacionados ao WooCommerce, ao contrário das vendas cruzadas e upsells do WooCommerce, não podem ser personalizados.

Pode ser influenciado pelo agrupamento de produtos semelhantes na mesma categoria de produto ou pelo uso das mesmas tags de produto.

Você pode acreditar que seu site organiza apenas produtos relacionados ao WooCommerce por categoria, mas também considera tags de produtos.

Não é surpresa, portanto, que muitos comerciantes desativem produtos relacionados ao WooCommerce na página do produto.

 

Quando se trata de ocultar produtos relacionados ao WooCommerce, você tem várias opções.

Escolha aquele que é mais fácil para você executar.

  1. Você pode adicionar código ao functions.php.
  2. Usando um plugin, adicione algum código ao arquivo principal functions.php para que as atualizações do tema não substituam as alterações.
  3. Use CSS para impedir que produtos relacionados apareçam na página do produto.

A primeira solução requer que você tenha um tema filho instalado em seu site.

Recomendamos o uso de um tema filho para que suas alterações não sejam substituídas quando o tema do WordPress for atualizado.

Se você não tiver um tema filho configurado e ainda quiser usar esse método, precisará criar um.

Aqui está como criar um tema filho, respeitoless de qual tema você instalou.

Acesse o editor de temas através do painel do WordPress (Aparência > Editor de temas). Em seguida, escolha o tema infantil.

Encontre o arquivo functions.php e cole o código a seguir nele para desativar permanentemente os produtos relacionados ao WooCommerce.

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
No entanto, em alguns casos, você pode estar se perguntando: “Por que o WordPress Theme Editor não está visível para mim?” 

Se você não tem permissão para alterar o functions.php, aqui está a solução:

Você pode fazer uma alteração simples em seu arquivo wp-config.php encontrando a linha ('DISALLOW FILE EDIT', true) e substituindo a palavra 'true' por 'false', conforme mostrado abaixo:

(false, 'NÃO PERMITIR EDIÇÃO DE ARQUIVO')

Isto é, se você tiver permissão para editar esse arquivo.

Isso restaurará a opção Editor de tema do WordPress, permitindo que você insira o código no arquivo functions.php do tema filho conforme planejado.

Do ponto de vista técnico, acredito que usar um plug-in é uma boa solução se você não quiser mexer no código

Você pode evitar o problema de atualizações de tema substituindo o código usando um plug-in para inserir código no arquivo functions.php e não precisa usar um tema filho se ainda não tiver um.

Um plug-in de trechos de código é necessário primeiro. Alguns deles são plugins totalmente gratuitos, fortes e suportados que podem ser encontrados no repositório WordPress.org.

Alguns plugins que podem ser úteis são: Minhas funções personalizadas por Space X-Chimp e trechos de código por trechos de código Pro.

Minhas funções personalizadas

Depois de instalar um desses plug-ins, você pode prosseguir e colar o código do método anterior.

Aqui está novamente:

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

Basta seguir as instruções fornecidas pelo desenvolvedor do plug-in (que geralmente são tão simples quanto copiar e colar o código em uma caixa) para ocultar os produtos relacionados ao WooCommerce da página do produto.

Esta é uma correção relativamente simples. Mas é uma “correção de CSS” em vez de uma “correção de código”, o que significa que a função ainda está sendo executada em segundo plano, mas você está dizendo a ela para não usar um estilo.

Isso pode não incomodá-lo nem um pouco. Nesse caso, você pode desativar facilmente os produtos relacionados na página do produto WooCommerce colando este CSS em seu Tema WooCommerce Seção "CSS personalizado" do personalizador.

Cole o seguinte CSS em Aparência > Personalizar > CSS personalizado:

.produtos relacionados {
display: none;
}

É isso; Os produtos relacionados ao WooCommerce foram removidos do seu site.

Esses três exemplos estão focados em impedir que o WooCommerce exiba produtos relacionados nas páginas do produto.

Usando um construtor de páginas como Divi ou Elementor, você pode excluir os produtos relacionados ao WooCommerce de uma página de produto.

Na verdade, a aparência da página do produto WooCommerce pode ser totalmente personalizada.

No entanto, você não é obrigado a tomar medidas drásticas!

Você pode criar uma nova página de produto WooCommerce para parecer quase idêntica ao modelo de página de produto padrão, mas com algumas diferenças importantes.

Deseja desativar os produtos relacionados ao WooCommerce? Sem problemas; apenas deixe-os fora de seus novos designs de página de produto.

Deseja alterar o texto nas páginas de produtos WooCommerce que se referem a produtos relacionados?

Sem problemas – basta usar um construtor de páginas como o Divi para alterar o título para o que você quiser.

No celular, você deseja mostrar uma única coluna de produtos relacionados ao WooCommerce?

Isso também não é um problema. Basta especificá-lo em seu construtor de páginas!

Deseja alterar o tamanho da imagem dos produtos relacionados ao WooCommerce?

Sem problemas – basta usar o construtor de páginas para ajustar os tamanhos das imagens ao seu gosto.

Deseja excluir produtos relacionados ao WooCommerce de uma subcategoria?

Sem problemas; apenas deixe a seção de produtos relacionados em branco para determinadas páginas!

Deseja criar uma lista de produtos relacionados ao WooCommerce?

Na página do produto WooCommerce, você pode exibir produtos relacionados exatamente como e onde quiser.

Em vez de exibir produtos relacionados ao WooCommerce, por que não exibir os mais vendidos?

Usar um construtor de páginas para criar sua página de produto WooCommerce sem nenhum código é uma ótima ideia – e é fácil de fazer!

Então, se você está curioso para saber como controlar produtos relacionados no WooCommerce, é possível que você precise abordar o problema de uma perspectiva diferente.

Sim, você pode editar a seção de produtos relacionados da página do produto WooCommerce se isso for tudo o que você deseja fazer.

No entanto, isso quase certamente exigirá o uso de código.

Considere as possibilidades.

Você pode controlar tudo no design da página do produto WooCommerce se usar um construtor de páginas para editar a página do produto WooCommerce.

Isso não significa que você tem que tomar medidas drásticas!

Você pode simplesmente copiar o design existente e fazer pequenas alterações para atender às suas necessidades.

Confira o Tema Divi e Divi Builder, ambos ótimos, poderosos e baratos.

Sim, você pode desativar os produtos relacionados ao WooCommerce em todas as páginas de produtos ou pode desativar os produtos relacionados em produtos específicos no WooCommerce.

Algumas soluções requerem codificação nos arquivos de tema, enquanto outras dependem de CSS na seção CSS personalizada do personalizador de tema.

No entanto, acreditamos que assumir o controle total do design da página do produto e não depender do modelo de página do produto fornecido pelo tema para funcionar com o WooCommerce é a melhor opção.

Na página do produto WooCommerce, você pode começar a substituir os produtos relacionados ao WooCommerce por produtos mais vendidos, produtos de upsell ou produtos de venda cruzada.

Como vimos com o tema Divi e Divi Builder abordagem para substituir produtos relacionados ao WooCommerce, é totalmente possível personalizar a página do produto sem ter que tocar em um pedaço de código.

Embora os produtos relacionados ao WooCommerce não possam ser detalhados como upsells e cross-sells do WooCommerce, você pode afetar os produtos relacionados.

Aos olhos do banco de dados WooCommerce, categorizar produtos na mesma categoria de produto ou usar as mesmas tags de produto em seus produtos WooCommerce os torna “relacionados”.

Você pode pensar que seu site organizou apenas produtos relacionados ao WooCommerce por categoria, mas o WooCommerce também associa produtos a tags.

Se você configurou várias categorias e tags como a maioria dos proprietários de negócios WooCommerce, provavelmente verá uma grande parte do seu catálogo de produtos aparecer como “produtos relacionados” nas páginas de produtos WooCommerce.

1. Oculte-os com CSS 2. Usando trechos de código para modificar o PHP para desativar produtos relacionados 3. Reconstruindo a página do produto WooCommerce usando um construtor de páginas como o Divi, exceto pela seção Produtos relacionados do design.

O WooCommerce usa categorias de produtos e etiquetas de produtos para agrupar produtos. Para alterar quais produtos estão relacionados, você deve primeiro alterar as categorias e tags do produto.

Personalizar a página do produto WooCommerce é a melhor maneira de gerenciar os “produtos relacionados” que aparecem na página do produto WooCommerce. Você pode optar por mostrar produtos “cross-sell” e “upsell” especificados pelo usuário em vez dos produtos relacionados definidos pelo WooCommerce.

Sobre o autor
Shahzad Saeed
Shahzaad Saaed apareceu em um grande número de sites de autoridade, incluindo EasyDigitalDownloads, OptinMonster e WPBeginner, onde atualmente trabalha como redator de conteúdo sênior. Shahzad é especialista em WordPress, web designer e especialista em tecnologia e design em geral. Ele é especialista em marketing de conteúdo para ajudar as empresas a aumentar seu tráfego por meio de artigos, blogs e guias especializados acionáveis ​​e baseados em experiência, todos extraídos de seus mais de 10 anos de experiência na área.

Mais uma coisa... Você sabia que as pessoas que compartilham coisas úteis como esta postagem também parecem FANTÁSTICAS? ;-)
. deixe um útil comente com suas ideias, depois compartilhe com seu (s) grupo (s) do Facebook, que considerariam isso útil e vamos colher os benefícios juntos. Obrigado por compartilhar e ser legal!

Divulgação: Esta página pode conter links para sites externos de produtos que amamos e recomendamos de todo o coração. Se você comprar produtos que sugerimos, podemos receber uma taxa de referência. Essas taxas não influenciam nossas recomendações e não aceitamos pagamentos por análises positivas.

Autor (es) em destaque em:  Logotipo da revista Inc   Logotipo do Sitepoint   Logotipo do CSS Tricks    logotipo do webdesignerdepot   Logotipo WPMU DEV   e muitos mais ...