How to move WooCommerce category description below the product grid? | Extraparse

How to move WooCommerce category description below the product grid?

February 25, 20252 min read356 words

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.

Table of Contents

Author: Extraparse

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<?php
2/**
3 * Plugin Name: Move WooCommerce Category Description
4 * Description: Moves the WooCommerce category description below the product grid.
5 * Version: 1.0
6 * Author: Extraparse
7 */
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.

xtelegramfacebooktiktoklinkedin
Author: Extraparse

Comments

You must be logged in to comment.

Loading comments...