WooCommerce Show Product Tags On Loop Items

WooCommerce loop of products showing product tags above add to cart button

Pre-Requisites

There are no pre-requisites in order for you to be able to implement this solution.

How To Implement This Solution?

Simply copy the pre-coded solution to your active theme’s functions.php or preferably the Code Snippets Plugin.

About this Solution

Showing product tags on the loop items is something you may wish to implement if you want to allow customers easier navigation between groups of products which are all tagged with the same tag. This quick guide shows you how you can display all of the tags of a product on the loop item above the add to cart button.

				
					/**
* Snippet Name:		Show tags on product loop.
* Snippet Author:	ecommercehints.com
*/

function ecommercehints_woocommerce_after_shop_loop_item() {
$terms = the_terms( $post->ID, 'product_tag' );
    echo $terms;
};

add_action( 'woocommerce_after_shop_loop_item', 'ecommercehints_woocommerce_after_shop_loop_item', 1, 0 );
				
			

Snippet Benefits

  • Allows easier navigation between tag archives from the category template.
  • Let customers know that a product belongs to a particular tag from the top level category instead of having to drill down to the product page.
WooCommerce Conversion Rate Optimisation (CRO) eBook
100 WooCommerce Conversion Rate Optimisation Tips

Leave a Reply

If you are going to write code in the comments, please wrap it between code tags.

Your email address will not be published. Required fields are marked *

Other Recent Guides

Subscribe To Emails

Get exclusive WooCommerce tips that I only share with email subscribers

Join hundreds of other subscribers