Home » WooCommerce » Como adicionar texto sob a lista de produtos nas páginas de categoria do WooCommerce

Como adicionar texto sob a lista de produtos nas páginas de categoria do WooCommerce

Há uma maneira popular de melhorar a visibilidade da categoria de produtos no Google e em outros mecanismos de pesquisa. E é bem simples: as páginas de categoria precisam de mais conteúdo útil para se destacarem.

Por exemplo, se você possui uma loja de roupas e deseja destacar a categoria de acessórios, pode incorporar dicas e truques sobre como combinar roupas com diferentes acessórios. Em seguida, adicione esse tutorial à página da categoria Acessórios.

Best WordPress hosting 2024

A ideia é clara, mas há um problema. Esse tipo de conteúdo deve ser longo, e o conteúdo longo não terá boa aparência se for adicionado ao campo de descrição regular na categoria de produto do WooCommerce. É por isso que adicionaremos esse texto na parte inferior da página da categoria, logo abaixo da lista de produtos. Dessa forma, ele ficará visível para os leitores, mas não será incômodo para aqueles que navegam na lista de produtos à procura de um item específico.

Como adicionar um campo para texto adicional ao formulário Product Category do WooCommece

Para adicionar um campo adicional ao campo Product Category no WooCoomerce, vá para Appearance >> Theme File Editor (ou Tools >> Theme File Editor) no painel de administração do WordPress. Em seguida, clique no arquivo functions.php no lado direito da tela.

Depois de abrir o arquivo de funções, role até a parte inferior de seu conteúdo e adicione este código:

function rocksolid_edit_bottom_description($term) {
	$bottom_description = get_term_meta($term->term_id, 'bottom_description', true);
	$settings = array( 'media_buttons' => false );
    ?>
 <tr class="form-field">
        <th scope="row" valign="top"><label for="bottom_description">Bottom description</label></th>
        <td>
            <?php wp_editor( $bottom_description , 'bottom_description', $settings ); ?>
        </td>
    </tr>
    <?php
}
add_action('product_cat_edit_form_fields', 'rocksolid_edit_bottom_description', 10, 1);

function rocksolid_save_bottom_description($term_id) {
	$bottom_description = filter_input(INPUT_POST, 'bottom_description');
	update_term_meta($term_id, 'bottom_description', $bottom_description);
}
add_action('edited_product_cat', 'rocksolid_save_bottom_description', 10, 1);

O que esse código faz:

  1. A primeira função rocksolid_edit_bottom_description adiciona um campo WYSIWYG chamado Bottom description ao campo Product Category no WooCommerce.
  2. A segunda função rocksolid_save_bottom_description salva o valor do texto da descrição inferior no banco de dados do WordPress.

Depois de adicionar esse código ao arquivo functions.php e salvar as alterações, você encontrará um novo campo de texto rico no formulário de edição da categoria de produto do WooCommerce. Como aqui:

how to add additional fields to woocommerce cateogry form

Agora, quando o campo estiver pronto, precisamos exibir o conteúdo no site real.

Como exibir texto sob a lista de produtos nas páginas de categoria do WooCoomerce

Como já temos o conteúdo pronto para ser exibido na lista de produtos, vamos torná-lo visível para os visitantes da loja.

Mais uma vez, abra o arquivo function.php do tema do WordPress como antes e adicione este código ao final do arquivo:

function rocksolid_show_bottom_description(){
	$bottom_description = get_term_meta(get_queried_object_id(), 'bottom_description', true);	
	if (!empty($bottom_description)) {
		echo '<div class="bottom-category-description">'.nl2br($bottom_description).'</div>';
	}	
}
add_action( 'woocommerce_after_shop_loop', 'rocksolid_show_bottom_description' );

Essa função obtém o conteúdo do campo Bottom Description no formulário Woo Category e o exibe sob a lista de produtos nas páginas Product Cateogory do WooCommerce. Como aqui:

woocommerce add seo description under products in category pages

Se quiser adicionar um estilo adicional a esse texto, você pode adicionar um estilo css à classe chamada bottom-category-description.

É isso – agora você tem um campo para adicionar texto adicional ao formulário de categoria do WooCommerce e pode exibir esse texto sob a lista de produtos nas páginas de categoria sem nenhum plug-in adicional.

Fathom analytics