Display product description on WooCommerce shop/category pages

functions.php

<?php
/**
 * Add the product's short description (excerpt) to the WooCommerce shop/category pages. The description displays after the product's name, but before the product's price.
 *
 * Ref: https://gist.github.com/om4james/9883140
 *
 * Put this snippet into a child theme's functions.php file
 */
function woocommerce_after_shop_loop_item_title_short_description() {
	global $product;

	if ( ! $product->post->post_excerpt ) return;
	?>
	<div itemprop="description">
		<?php echo apply_filters( 'woocommerce_short_description', $product->post->post_excerpt ) ?>
	</div>
	<?php
}
add_action('woocommerce_after_shop_loop_item_title', 'woocommerce_after_shop_loop_item_title_short_description', 5);

Hi,
I've been searching a way to show the product description formated with HTML on the product page.

Can i use this?

Works perfectly.

Thank you!!! This works perfectly, I just dropped it into my "themes/theme-name/functions.php".

Amazing. Thank you. Just curious, is there a way to limit the the amount of words?

Hi everybody,
how can I "echo" only first <p class="myclass"> element contained inside the woocommerce_short_description?
I guess using something like $html->find('p.myclass[1] p') but how do I code it inside woocommerce_after_shop_loop_item_title_short_description function?
I'm not a coder at all, can someone help me please?
Many thanks :-)
Marcella

I had to use echo $product->get_short_description() instead:

function woocommerce_after_shop_loop_item_title_short_description() {
	global $product;
	if ( ! $product->get_short_description() ) return;
	?>
	<div itemprop="description">
		<?php echo apply_filters( 'woocommerce_short_description', $product->get_short_description() ) ?>
	</div>
	<?php
}
add_action('woocommerce_after_shop_loop_item_title', 'woocommerce_after_shop_loop_item_title_short_description', 5);

thank you, worked perfectly!

I signed up just to say thank for this code. Exactly what I needed and worked perfectly first try.

THANK YOU!!

This is fantastic, thank you!

Is there any way to limit the number of words or lines which are included? My Short descriptions are too long to all be placed there :(

@stephic wants to know this too

haha... thx a lot!

This might be a stupid question, but how do you copy the code into the php file? I'm lost in wordpress

Wanted to know how to limit the number of words or lines which are included as well. My descriptions are too long to be show on shop page.
@stephic and @m1l35 wanted to know too.

@om4james please spare us your talent again !

Please help, i also need that code but for the related product post.
Can anyone please Help me.

Just a question about your good tip, how can i change the display result with css because i can't find with the inspector a css id ?
Thanks

Patrice

Hey! Does anyone know how to change the alignment of the short description, now that it's under our product on the category page?

I would like my text centered under my item, but I'd like the alignment to be justified- or at least left-aligned!

Works great, thank you!

Hi, signed up to say thankyou for the code - worked great! But can the number of words/characters be limited?
thanks in advance

Thanks for this, it works great!

Is there a way to set this to only appear for one particular category page? Rather than all categories?

Thanks

Is it possible to show just the first 10 words or 75 characters

@RJStomps @gjw66 @rikuseo @stephic @m1l35

To limit the description length you will need to use a substr. I have given an example that will limit to first 230 characters below. It will also add '...' on to the end of the text.

Credits also to: @amanhstu

https://gist.github.com/twont/eb15fd4d71fe9153641d0373150b9b72

<div itemprop="description"> <?php echo substr(apply_filters( 'woocommerce_short_description', $product->post->post_excerpt ),0,230); echo '...' ?> </div>

Thank you for this solution! Works great at my product list: https://iiot-shop.com/products/

Is it possible to display the description in featured products, for example at homepage or custom product sliders, like here: https://iiot-shop.com/

These feeds must be generated in a different way...

@twont Thanks for the link - that code worked perfect.
I also commented on that page wondering...

The whole description displays as a clickable link? (I verified it wasn't the theme).
Also it's displaying the description before the title, instead of below in shop page?

Any fix for this? Thanks.

Hi! For some reason the short description displays above the product picture, and not below the product name as I would like to have it. Any idea?

strarsis' edit worked for me on WP 5.0.

Hi there,
I'm completely new to code. Did a little css but that's about it.
So I tried to copy and paste the code above into my WP Child theme's function.php but I got this message: https://cl.ly/a454b75c5e92
Scrape nonce check failed. Try again.
So I tried but nothing changed.
Do I need to open from ftp and change the functions.php with Brackets application?

This is what I'd like to achieve: https://cl.ly/7091fa8fab79

Kind regards,
Djofferson

Ok, and need to add that I'm working on a staging site...

Also worked on first try! Thank you... What would the css ref be, for styling the text?

Any way I can do that with a custom taxonomy instead of the short description?