Removing the Product Meta ‘Categories’ in 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!

12 Comments

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

    Thank you

  2. 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.

  3. 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!

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

    Thanks.

  5. 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!

  6. 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”).

  7. 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 a Comment