How to Relocate WooCommerce Category Description

WooCommerce is a powerful e-commerce plugin for WordPress, known for its flexibility and extensive customization options. One aspect that WooCommerce users often want to modify is the placement of the category description on their shop pages.

By default, the category description appears at the top of the page.

But what if you want it to be displayed at the bottom?

In this guide, we’ll walk you through the process of moving the WooCommerce category description from the top to the bottom of your category pages using a simple code snippet.

This code allows you to redefine the position of the category description effortlessly, providing you with more control over your shop’s layout and presentation.

How Can I Relocate the WooCommerce Category Description

Before you make any customizations, it’s a best practice to create a child theme to avoid affecting your main theme. If you already have a child theme, you can skip this step.

Now, you can follow the below enlisted steps to relocate the WooCommerce category description from the top of the content to the bottom.

Step 1: Access Your WordPress Dashboard

Log in to your WordPress admin dashboard. This is where you’ll be making the necessary changes to your WooCommerce category pages.

Step 2: Open the Child Theme’s functions.php File

Navigate to “Appearance” in the WordPress dashboard and select “Theme Editor.” In the Theme Editor, find and click on the “functions.php” file. This file contains the code that controls various aspects of your WordPress theme.

Step 3: Insert the Code

Once you’re in the “functions.php” file, you’ll need to insert the following code snippet:

/**
 * Move WooCommerce category description to bottom
 */
function move_woocommerce_category_description() {
    remove_action('woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10);
    add_action('woocommerce_after_shop_loop', 'woocommerce_taxonomy_archive_description', 10);
}
add_action('init', 'move_woocommerce_category_description');

This code essentially unbinds the default action that displays the category description at the top and rebinds it to be displayed at the bottom of the category page.

Step 4: Save Your Changes

After inserting the code, make sure to save your changes by clicking the “Update File” button. This ensures that the modifications take effect on your website.

Step 5: Check Your Category Pages

With the code in place, visit your WooCommerce category pages to see the changes in action. You’ll notice that the category description has been successfully moved from the top to the bottom of the page.

By following these straightforward steps and implementing the provided code snippet, you can take control of the layout and presentation of your WooCommerce category pages.

Moving the category description from the top to the bottom allows you to create a more user-friendly and aesthetically pleasing shopping experience for your customers.

Remember that while code modifications can be powerful, they should be handled with care. Always back up your website before making any changes, and if you’re unsure, seek assistance from a web developer or WordPress expert.

We hope this document has been helpful. Please feel free to leave a comment below if you have any queries.