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 sua loja WooCommerce uma gama mais ampla de seus produtos. O WooCommerce exibe produtos semelhantes em suas páginas de produtos por um motivo. Mas se você não quiser que eles apareçam, como você remove os produtos relacionados ao WooCommerce ou os desativa de aparecer?

O WooCommerce Core também consiste em WooCommerce Cross Sell na página do carrinho e WooCommerce Upsells na página do produto (inclui todos os tipos de produtos vinculados ao WooCommerce).

Em outras palavras, você pode estar bombardeando seus clientes fiéis com outros produtos antes mesmo de eles quererem fazer sua primeira compra em sua loja a qualquer momento.

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 do WooCommerce Cross-Sells e WooCommerce Upsells, não podem ser personalizados, mas podem ser influenciados pelo agrupamento de produtos semelhantes na mesma categoria de produto ou usando as mesmas tags de produto.

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

Não é surpresa, então, que muitos comerciantes, donos de lojas, profissionais de marketing de comércio eletrônico e desenvolvedores de WooCommerce desativem os produtos relacionados ao WooCommerce na página do produto.

Então, veja como funciona…

 

 

Quando se trata de ocultar produtos relacionados ao WooCommerce, as possibilidades são poucas. Escolha o que for mais fácil para você executar.

  1. Você pode adicionar algum código ao arquivo functions.php de um tema filho.
  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. Se você já fez isso antes, isso deve ser bastante simples (especialmente se você o configurar). Não se preocupe se você esqueceu de configurar seu tema filho.

Se você puder acessar o Editor de Temas através do seu painel do WordPress (Aparência > Editor de Temas).

Em seguida, encontre seu arquivo functions.php e cole o seguinte código 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?” 

Aqui está a solução:

Você pode ir em frente e fazer algumas alterações no 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')

Você também não precisa fazer login no seu servidor ou cPanel para fazer alterações no arquivo wp-config.php; em vez disso, você pode usar o plugin WP File Manager.

Isso deve restaurar totalmente a opção WordPress Theme Editor, permitindo que você continue inserindo o código no arquivo functions.php do tema filho conforme planejado. Confira estas etapas de solução de problemas para obter mais informações sobre o mencionado acima.

Se você ainda não tiver um tema filho configurado e ainda quiser usar esse método, precisará fazê-lo primeiro. Aqui está como criar e instalar um tema filho em seu site WordPress, considereless de qual tema você instalou.

Do ponto de vista técnico, acredito que esta opção é uma boa solução.

Você pode evitar o problema de atualizações do tema substituindo o código usando um plugin para inserir código no arquivo functions.php do tema principal, e você 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 plugins, você pode seguir em frente e colar o código do método anterior. Se você pulou, 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 de forma rápida, eficaz e correta 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 facilmente desabilitar 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, no entanto, estão focados em impedir que o WooCommerce exiba produtos relacionados nas páginas de produtos.

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 padrão da página de produto, 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? Não tem problema - 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 não é um problema; basta especificá-lo no seu construtor de páginas!

Deseja alterar o tamanho da imagem dos produtos relacionados ao woocommerce? Não há problema - 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 de seus produtos? Sem problemas; basta deixar a seção Produtos Relacionados em branco no Redesign da Página do Produto WooCommerce para determinadas páginas!

Deseja criar uma lista de produtos relacionados ao woocommerce? Isso não é um problema; 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 projetar 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 de produtos 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 WooCommerce Product Page Design se usar um Page Builder para editar a WooCommerce Product Page.

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 produtos relacionados ao WooCommerce em todas as páginas de produtos ou pode desativar produtos relacionados em produtos específicos no WooCommerce. Algumas soluções exigem codificação nos arquivos de tema, enquanto outras dependem de CSS na seção CSS personalizado do personalizador de temas.

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

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

Como vimos com o tema Divi e Divi Builder abordagem para substituir os produtos relacionados ao WooCommerce, é totalmente possível personalizar a página do produto WooCommerce em relação ao design visual 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 Vendas Cruzadas 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 de produto, mas o WooCommerce também associa produtos a Tags de produtos.

Se você configurou várias categorias de produtos e tags de produtos, como a maioria dos proprietários de empresas WooCommerce, é provável que uma grande parte do seu catálogo de produtos apareça 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
Autor: Shahzad SaeedWebsite: http://shahzadsaeed.com/
Shahzaad Saaed foi destaque em um grande número de sites de autoridade, como um especialista em WordPress. Ele é especialista em marketing de conteúdo para ajudar as empresas a aumentar o tráfego.

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 ...