Como ocultar a categoria WooCommerce Storefront Theme

Publicados: 2020-10-05

WooCommerce Storefront Ocultar categoria Em qualquer site de comércio eletrônico, a página da loja é uma das páginas mais importantes. Seus clientes não podem visualizar fisicamente todos os produtos que você está vendendo. Por isso, é muito importante apresentar a página da loja de forma a facilitar a permanência no site e a tomada de decisão de compra.

WooCommerce Storefront Ocultar categoria

Este breve tutorial é especificamente para aqueles que construíram as lojas usando o plugin WooCommerce. Mostrarei como exibir todas as categorias de produtos na página da loja usando o personalizador do WooCommerce e como ocultar as categorias do WooCommerce de serem exibidas na página da loja.

O tema Storefront integra-se perfeitamente ao WooCommerce. O WooCommerce permite que você decida como deseja que seus produtos sejam exibidos na página inicial do tema Storefront.

Como mostrar categorias no tema da vitrine

Quando você faz login no seu site WordPress e acessa o Dashboard como usuário administrador, usando o Catálogo de Produtos em Aparência > Personalizar > WooCommerce permite que você mostre a página da Loja WooCommerce de forma exclusiva. Você pode optar por exibir apenas a categoria, a categoria com produtos ou apenas produtos.

Resumindo:

  • Mostrar produtos: Todos os produtos serão listados.
  • Mostrar categorias: Todas as categorias serão listadas
  • Mostrar categorias e produtos: Ambos os produtos e categorias serão listados.

Se você selecionar a opção 'Mostrar categorias' em ' Exibição da página da loja' , todas as categorias de produtos serão exibidas na página da loja, conforme mostrado abaixo: Mostrar categorias

Como ocultar a categoria WooCommerce da página inicial do tema Storefront

Por vários motivos, talvez você não queira exibir algumas categorias na página inicial. Neste exemplo, removerei a categoria 'Acessórios'. Podemos fazer isso dando o nome correto a esta categoria ou ocultando-a de ser listada na página inicial.

Aqui estão os passos simples que você precisa seguir:

  1. Faça login no seu site WordPress e acesse o Dashboard como usuário administrador.
  2. No menu Dashboard, clique em Appearance Menu > Theme Editor Menu . Quando a página do Editor de Temas for aberta, procure o arquivo de funções do tema onde adicionaremos a função que removerá a categoria 'Acessórios'.
  3. Adicione o seguinte código ao arquivo functions.php:
 /**

 * Mostrar apenas produtos da categoria selecionada.

 */

function get_subcategory_terms( $terms, $taxonomias, $args ) {

            $new_terms = array();

            $hide_category = array( 19 ); // IDs da categoria que você não deseja exibir na página da loja

                         // se uma categoria de produto e na página da loja

            if ( in_array( 'product_cat', $taxonomias ) && !is_admin() && is_shop() ) {


                foreach ( $terms as $chave => $term ) {


                        if (! in_array( $term->term_id, $hide_category)) {

                                    $new_terms[] = $term;

                        }

                }

                $terms = $new_terms;

            }

  retornar $ termos;

}

add_filter( 'get_terms', 'get_subcategory_terms', 10, 3 );
  1. Para ver o resultado, atualize a página inicial. Na captura de tela abaixo, você pode ver que o código removeu a categoria 'Acessórios' ID=19. remover categoria

Como o código funciona

No trecho de código que compartilhei, usei a função de retorno de chamada get_subcategory_terms() e inicializei uma variável $new_terms com uma matriz vazia que será usada posteriormente para criar uma matriz de categorias do WooCommerce a serem exibidas na página da loja.

Depois disso, inicializei a variável $hide_category com os arrays de IDs de categoria que não quero exibir na página da loja. Você precisa adicionar os IDs da categoria que deseja ocultar na página da sua loja.

Em seguida, verifiquei se o 'product_cat' está presente em $ taxonomias ou não, e verifiquei se é página de front-end e página de loja e execute apenas a parte de modificação real. Além disso, usei a função is_admin() podemos verificar se é um front end ou o admin end. Usei a função is_shop() para verificar se é uma página do WooCommerce Shop ou não.

Se todas as condições forem verdadeiras, usei o loop foreach para percorrer os dados $terms para preparar novos dados de termo na variável $new_terms. Essa variável não terá os dados do termo da categoria WooCommerce que queremos ocultar na página inicial. Isso significa que, para cada dado de termo, estou verificando se o id do termo não está presente em uma matriz $hide_category e apenas adiciono o termo na matriz $new_terms.

Conclusão

Neste post, mostrei como alterar a visualização da página da loja para listar as categorias de produtos. Além disso, mostrei como ocultar uma categoria específica do WooCommerce de ser exibida na página inicial usando um pequeno pedaço de código.

Além disso, pode haver outros cenários para ocultar os produtos e categorias de serem listados na página inicial. Isso pode ser feito adicionando um pouco mais de código no trecho de código elaborado, você pode atender aos seus requisitos.

Artigos semelhantes