Learn how to move WooCommerce category description below the product grid
By default, WooCommerce displays the category description above the product grid on category archive pages. If you want to move it below the product grid, you can achieve this by modifying your theme’s functions.php file or creating a custom plugin.
Why move the category description?
There are a few reasons you might want to move the category description below the product grid:
- Better UX – Users can quickly see products without being distracted by a lengthy description.
- SEO Optimization – Search engines can still index the content while keeping the focus on products.
- Design Preference – Some themes may look better with descriptions placed below the product grid.
- How to Move the Category Description
- To move the category description, use the following function in your theme’s functions.php file or in a custom plugin:
1function move_woocommerce_category_description() {2 if (is_product_category()) {3 remove_action('woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10);4 add_action('woocommerce_after_shop_loop', 'woocommerce_taxonomy_archive_description', 5);5 }6}7add_action('wp', 'move_woocommerce_category_description');
Explanation of the Code:
is_product_category() – Ensures the function runs only on WooCommerce category archive pages. remove_action() – Removes the default category description placement at the top. add_action() – Adds the description below the product grid, using woocommerce_after_shop_loop.
Where to Add This Code?
Theme’s functions.php File:
Navigate to Appearance > Theme Editor in WordPress. Open functions.php. Paste the code at the end and save the file. Custom Plugin (Recommended for Future-Safe Edits):
Create a new PHP file, e.g., move-category-description.php. Add the following plugin header and code:
1<?php2/**3 * Plugin Name: Move WooCommerce Category Description4 * Description: Moves the WooCommerce category description below the product grid.5 * Version: 1.06 * Author: Extraparse7 */8
9function move_woocommerce_category_description() {10 if (is_product_category()) {11 remove_action('woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10);12 add_action('woocommerce_after_shop_loop', 'woocommerce_taxonomy_archive_description', 5);13 }14}15add_action('wp', 'move_woocommerce_category_description');
Upload the file to the /wp-content/plugins/ directory. Activate it from the Plugins menu in WordPress.
Conclusion
This simple tweak improves the category page layout in WooCommerce by placing the description below the product grid. Whether you modify your theme or create a custom plugin, this method ensures a cleaner, more user-friendly shopping experience.
Comments
You must be logged in to comment.
Loading comments...