Problem Description:

This tip will help you modify the category template for your WooCommerce product categories to display the Category title and description above the product listing and filter drop down.  WooCommerce templates receive the most change via updates to stay compatible with the plugin, so it is important to bookmark this article or make note of your changes so you can re-do them again in the future if an update overwrites the template file.

This is considered a modification, and is provided as-is. We expect you understand what you are doing if applying coding changes using these or other WordPress tutorials. Make a backup of your existing file so you can replace it if something goes wrong and you need to start over. Modified files WILL probably be replaced by a theme update at some point, so keep note of your changes for future reference or see our guides below. We cannot assist you with modifying your theme or support problems you encounter as a result!

If you are modifying a theme as part of a client project, the following are really important!

How to Modify Your Theme the Right Way
How to Track Update Changes and Maintain Modifications

Answer:

File modification should be done locally, then the file uploaded to replace the original using an FTP client. If you are unable to do this, you can make the changes via the Appearance Editor screen, but then it is imperative you do it correctly as something as simple as a missing semicolon can trigger an error that will cause you to lose access to your WordPress admin until the file is restored via FTP.

1. In taxonomy-product_cat.php you will see the following or similar code at the top

<?php
get_header();
global $product;
$term =    $wp_query->queried_object;
$_product = $product; ?>
<?php  do_action('woocommerce_before_shop_loop'); ?>

2. Place your cursor after the end of $product; ?> on line 5 and hit enter to create a blank line 6

3. Paste the following code snippet:

 <div class="product-category">
<h2 class="post-title"><?php echo $term->name; ?></h2>
<?php echo '<p>'.$term->description.'</p>'; ?>
</div>

You should now have:

<?php
get_header();
global $product;
$term =    $wp_query->queried_object;
$_product = $product; ?>
<div class="product-category">
<h2 class="post-title"><?php echo $term->name; ?></h2>
<?php echo '<p>'.$term->description.'</p>'; ?>
</div>
<?php  do_action('woocommerce_before_shop_loop'); ?>

You will now have an unstyled header. You can add your own styling for the product-category class, or add the following to the Custom CSS box in Theme Options General

.product-category p {
padding: 20px 0;
margin: 20px 0;
border-bottom: 3px dashed #c78809;
}