How Can We Help?

Move Woocommerce Category Description Below Products

You are here:
< All Topics

WordPress WooCommerce Categories Description Hook

After installing WooCormmece you may want to add a description below your category products. By default in many themes WooCommerce category description goes on top as a subtitle. Having your category description at the bottom will ensure your products and services don’t get pushed down. Therefore your customers will be able to see your products or services first before the related information.

To move the WooCommerce category description below products, follow the following steps:
  • In your child theme directory, if you have created one (wp-content/themes/child-theme), open functions.php and add the following WooCommerce hook and save:

remove_action(‘woocommerce_archive_description’, ‘woocommerce_taxonomy_archive_description’, 10); add_action(‘woocommerce_after_shop_loop’, ‘woocommerce_taxonomy_archive_description’, 100);

  • Your WordPress WooCommerce category description should be appearing below the products
  • However if its appearing both at the top and at the bottom and you only want it at the bottom, you can use CSS.
  • Find the ‘class’ word used for the category description you want to remove. In this case – the one at the top. You can do this by checking in your browser (for example, in Chrome you right click and then click inspect)
  • Then in your WordPress additional CSS section add your code like:

.col .description{
                display: none;

The top and bottom descriptions will likely be in two separate divs. So the names of the div classes are key to accomplishing what you need.
‘col’ being the name of the div class and ‘description’ being the name of the tag class used.
And you are done. This should enable you to hide the top description. Thus your website visitors can only see the category description below the products.

For more how to articles visit our Knowledge base main page

Table of Contents