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!

11 Comments

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

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

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

    Thanks.

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

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

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