WooCommerce: Products Attributes in a Shortcode

Products attributes display on the single product page whenever attribute terms are assigned to a given WooCommerce product. This is the default behaviour.

However, what if you want to show the product attribute table somewhere else? For example, in a blog post, or in a custom pricing table?

Well, we can build a shortcode for that – simply specify a product ID and the shortcode will magically output its attributes. Enjoy!

I am now able to display the attributes table for product ID = 214015 on a custom page, thanks to the snippet below.

PHP Snippet: Display Product Attribute Table Anywhere Via a Shortcode

/**
 * @snippet       Product Attributes Shortcode
 * @usage         [prod_atts pid="12345"]
 * @how-to        businessbloomer.com/woocommerce-customization
 * @author        Rodolfo Melogli, Business Bloomer
 * @compatible    WooCommerce 7
 * @community     https://businessbloomer.com/club/
 */

add_shortcode( 'prod_atts', 'bbloomer_show_product_atts' );
    
function bbloomer_show_product_atts( $atts ) {
   if ( ! $atts['pid'] ) return;
	$product = wc_get_product( $atts['pid'] );
	if ( ! is_a( $product, 'WC_Product' ) ) {
		return;
	}
	ob_start();
	do_action( 'woocommerce_product_additional_information', $product );
	return ob_get_clean();
}

Where to add custom code?

You should place custom PHP in functions.php and custom CSS in style.css of your child theme: where to place WooCommerce customization?

This code still works, unless you report otherwise. To exclude conflicts, temporarily switch to the Storefront theme, disable all plugins except WooCommerce, and test the snippet again: WooCommerce troubleshooting 101

Related content

Rodolfo Melogli

Business Bloomer Founder

Author, WooCommerce expert and WordCamp speaker, Rodolfo has worked as an independent WooCommerce freelancer since 2011. His goal is to help entrepreneurs and developers overcome their WooCommerce nightmares. Rodolfo loves travelling, chasing tennis & soccer balls and, of course, wood fired oven pizza. Follow @rmelogli

10 thoughts on “WooCommerce: Products Attributes in a Shortcode

  1. Hello,
    Can i use this shortcut in SMS for WooCommerce plugin?

    1. Not sure, never tried it before. You’ll need to test it

  2. hello,
    thanks for the above, how can I add nested attributes to the product

    1. What do you mean by “nested attributes”?

  3. Hello,

    Thanks for the above, how about just getting the attribute value in the shortcode?

    Thanks

    Mark

    1. Mark, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!

  4. Is it possible to add the product ID automatically?

    1. As long as you’re on the single product page, you could try with:

      $product = wc_get_product( get_the_ID() );
  5. Hi Rodolfo,
    Could this also made to work for a specific attribute? I want to show only two attributes in a specific place in the product page. This should not be so hard but I can’t find it. I would think that your code with a bit development should be able to show this. But I am not a coder so maybe not 🙂
    Cheers
    Marco

    1. Hey Marco, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!

Questions? Feedback? Customization? Leave your comment now!
_____

If you are writing code, please wrap it like so: [php]code_here[/php]. Failure to complying with this, as well as going off topic or not using the English language will result in comment disapproval. You should expect a reply in about 2 weeks - this is a popular blog but I need to get paid work done first. Please consider joining the Business Bloomer Club to get quick WooCommerce support. Thank you!

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