Woocommerce – Adicionando informações acima e abaixo dos produtos em cada categoria

Hoje vou mostrar aqui como adicionar textos acima e abaixo dos produtos em cada uma das categorias da sua Loja WooCommerce. Pesquisei bastante na internet, mas só encontrava coisas que não funcionava, ou plugins que também não ajudaram e em alguns momentos até me atrapalharam, até mudança de permalink causaram, portanto cuidado. Mãos à obra.

Primeiro é importante que você conheça funções do WordPress como as is_page, is_home, is_single e assim por diante, e obviamente tem que entender, pelo menos um pouco, da linguagem PHP.

Quais funções do Woocommerce devo manipular?

Nesse caso aqui, como pretendemos adicionar informações acima e abaixo dos produtos em cada categoria, nós vamos trabalhar com a função is_product_category e com array.

Muita gente nesse momento se atrapalha, pois é comum confundir o is_product_category do Woocommerce com o is_category do WordPress, então você muda aqui e ali e nada acontece, por estar trabalhando no arquivo errado, acontece, normal.

Manipulando o arquivo das categorias de produtos do Woocommerce

Nós vamos trabalhar no arquivo archive-product.php localizado no seu tema na pasta /woocommerce, se o seu tema não possui esse arquivo, mantenha o contato com o desenvolvedor para obter maiores informações.

Localizado o arquivo vamos editar o código. Para começar meu tema não mostrava o título da categoria, então ei o fiz mostra, como?

Logo abaixo do </header> adicionei a linha:

<h1 align=”center” class=”h-landmark”><span><?php single_cat_title(”); ?></span></h1>

Vejam que “chamei” o titulo da categoria de produtos.

Agora vamos adicionar o texto abaixo desse title e acima dos produtos. Logo abaixo dessa chamada de titulo você pode criar o IF.

<!– LAÇO QUE PUXA TEXTOS SUPERIORES DAS CATEGORIA –>
<?php if (is_product_category(array (‘X’,’Y’))) {
include (‘https://polosalvador.com.br/texto-superior-da-categoria-X-e-Y.html/texto.html’);
}

Observem que eu estou informando que se a categoria for X ou Y a página deve incluir o html que está na pasta texto-da-categoria-X-e-Y.html no arquivo texto.html.

É assim que funciona. E para colocar abaixo dos produtos você pode inserir o mesmo código após o laço que chama os produtos, aqui no caso o do_action( ‘woocommerce_no_products_found’ );

<!– LAÇO QUE PUXA TEXTOS SUPERIORES DAS CATEGORIA –>
<?php if (is_product_category(array (‘A’,’B’))) {
include (‘https://polosalvador.com.br/texto-inferior-da-categoria-A-e-B.html/texto.html’);
}

Mudei para A e B aqui apenas para mostrar a vocês que vocês podem criar quantas pastas e arquivos quiserem, ai vai de acordo com a organização de vocês.

Super dica

Lembrem-se que se atualizar o tema, provavelmente o código é sobrescrito, nesse caso sempre é bom ter uma cópia de arquivos manipulados, ok?

Você pode ver exemplo desse código que utilizei na loja https://polosalvador.com.br/, vejam como funcionou, sem plugin.

Grande abraço e ajudem o Riggs compartilhando o artigo.

Bruno Riggs Pereira

EI! PSIU! NÃO ESQUECE, É RÁPIDO, COMPARTILHA ESSE ARTIGO COM AMIGOS E EM REDES SOCIAIS