Product Archive

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.

100 WooCommerce Conversion Rate Optimisation Tips

This field is for validation purposes and should be left unchanged.

Let’s collaborate!

Need to outsource WordPress development?

Join forces with UnlimitedWP for an outsourced white label web development service you can truly rely on.

First Timer Here?

Sign up to receive 20% off on your first month with us.

26027
WELCOME OFFER