Removing the Product Meta ‘Categories’ on a Product Page – WooCommerce

WooCommerce product categories are displayed at the bottom of a product page just under the add to cart button.

remove woocommerce-product-categories

You can remove these from the layout by removing the woocommerce_template_single_meta action from the product summary, in your themes functions.php add in …

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );

This will remove the categories aka product meta from the layout.

You can see a lot of these woocommerce hooks in the plugin woocommerce/includes/wc-template-hooks.php – our example above is originally is in this file highlighted.

/**
 * Product Summary Box
 *
 * @see woocommerce_template_single_title()
 * @see woocommerce_template_single_price()
 * @see woocommerce_template_single_excerpt()
 * @see woocommerce_template_single_meta()
 * @see woocommerce_template_single_sharing()
 */
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_rating', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_sharing', 50 );

So the action includes the hook and what function we are hooking into it and the priority number – so instead of editing here, you just simply remove_action the desired action in your functions.php including the priority number, the trick is finding out which one you need!

 

Removing WooCommerce Product Categories meta with CSS

As mentioned in the comments you can also do this with CSS.

.single-product div.product .product_meta {
    display: none;
}

18 Comments

  1. Sam on March 25, 2023 at 5:04 pm

    The css solution works perfectly and is the easiest, thanks!

  2. Martin on February 4, 2021 at 12:05 am

    THIS SOLUTION WORKS FOR ME:
    .single-product div.product .product_meta {
    display: none;
    }

    BUT I HAVE 1 MORE PROBLEM
    I can’t delete a category from the store page. Please help :)

    • Neil Gowran on February 4, 2021 at 5:14 am

      You can target all WooCommerce pages with:

      .woocommerce-page div.product .product_meta {
          display: none;
      }
      

      Or if you just wanted the main shop page you need to add a unique CSS class as a target then apply the CSS

  3. việt on July 25, 2020 at 4:33 am

    How to set up product to 4 column on a page woocommerce ?

  4. Cameron Johnson on May 31, 2020 at 3:32 am

    Thank you so much I spent so much time looking for this (Even works for third party plugins!)

  5. james on April 21, 2020 at 6:36 pm

    The custom css update worked for me too. Thanks.

  6. Mohammad Mahdi on September 19, 2019 at 2:23 pm

    Thank you

  7. Corey Pelletier on January 3, 2018 at 10:29 pm

    The original solution works on my desktop display, but on mobile the Category line still appears.

  8. Katie Foerster on October 9, 2017 at 2:26 pm

    This didn’t work for me – can you give me a step by step way on how to do it? I thought I did it right but not working.

    Thank you!

    • Kate on November 25, 2017 at 12:57 am

      Hi Katie, I don’t think this worked for me either, but this did:

      Add to your Additional CSS.
      Mine is in Appearance > Customize > Additional CSS:

      .single-product div.product .product_meta {
      display: none;
      }

      • Rina on February 19, 2018 at 7:00 pm

        This worked for me. Thank you so much…I was incredibly frustrated.

      • sai on February 22, 2018 at 2:14 pm

        after struggling a lot this code worked like magic. thanks a lot Katie

      • Tabby on May 24, 2019 at 11:54 am

        Still works, Thanks!

        • Priya on May 30, 2019 at 4:45 pm

          This was the easiest and simplest solution. Thanks Kate!

  9. kaizur ahmed on July 2, 2017 at 6:31 am

    Thanks.

  10. Wide Eyed Owl on January 3, 2017 at 4:18 pm

    thanks for this – several other solutions suggested by others haven’t worked. Yours did, and has saved me from pulling out my hair in frustration!

  11. George Konstantakopoulos on September 7, 2016 at 7:41 pm

    Hello, could you guide me on how to remove just one product category from product page (in your example image that will be “redeem”). I mark some products with that category for my own reference and i do not want customers to see it when visiting a product. However, i want them to see the other categories that products belongs to (e.g. “Write my Story in your example”).

  12. miguras on September 4, 2016 at 4:15 am

    Hello. Great article. I made a plugin that do the same. You can disable/rearrange content inside the single product page and shop page. Also, you can remove checkout fields. I uploaded it to wordpress, so here you have the link WooEnhacer – WooCommerce Customizer if someone is interested.

Leave all Comment