You can add a WooCommerce products’ long or short description to the actual product on the main shop page in WooCommerce via the woocommerce_after_shop_loop_item_title action hook, this hook places content immediately after the product title.
Adding the Long Description to the Product Loop on the Shop page
add_action( 'woocommerce_after_shop_loop_item_title', 'wc_add_long_description' );
/**
* WooCommerce, Add Long Description to Products on Shop Page
*
* @link https://wpbeaches.com/woocommerce-add-short-or-long-description-to-products-on-shop-page
*/
function wc_add_long_description() {
global $product;
?>
<div itemprop="description">
<?php echo apply_filters( 'the_content', $product->get_description() ) ?>
</div>
<?php
}
Adding the Short Description to the Product Loop on the Shop page
add_action( 'woocommerce_after_shop_loop_item_title', 'wc_add_short_description' );
/**
* WooCommerce, Add Short Description to Products on Shop Page
*
* @link https://wpbeaches.com/woocommerce-add-short-or-long-description-to-products-on-shop-page
*/
function wc_add_short_description() {
global $product;
?>
<div itemprop="description">
<?php echo apply_filters( 'woocommerce_short_description', $product->get_short_description() ) ?>
</div>
<?php
}
You can also limit the content character count by wrapping part of the function in a substr function, so for example – limiting the full product description to 200 characters
add_action( 'woocommerce_after_shop_loop_item_title', 'wc_add_long_description' );
/**
* WooCommerce, Add Long Description to Products on Shop Page with Character limit
*
* @link https://wpbeaches.com/woocommerce-add-short-or-long-description-to-products-on-shop-page
*/
function wc_add_long_description() {
global $product;
?>
<div itemprop="description">
<?php echo substr( apply_filters( 'the_content', $product->get_description() ), 0,200 ); echo '...' ?>
</div>
<?php
}
So the above is now limited to 200 characters and also has an ellipse at the end.
Instead of characters you can also limit the description text based on words.
36 comments
Tobey
This works well for the Shop page, but it also shows the description in the related products section of the product pages. Right now I’m hiding that with CSS, but is there a better way?
jessie
Perfect, thanks so much!
JR
Hi, i used ur code and it work. however, the description is showing above my image. how can i move it below my image?
Nathan Dijkstra
Ignore my question about the opening tag..
Nathan Dijkstra
Hi,
Just learning about the php opening/closing tags (the hard way)..
Why is there an opening tag just before the end?
Cheers,
Nathan
Ru En
For anyone who wishes to configure style for it,
I am using beaver theme, i change the word “itemprop” to “class”, and have a more unique name such as wc_product_short_description.
Then I can add CSS style for this class in my CSS file.
Nathan Dijkstra
Thanks for this Ru En!
Melanie M Renzulli
Oops! Sorry. Ignore my last comment. It was the fault of another plugin.
However, I am having an issue with duplicated content for the short description.
When users change from grid view to list view, the list view shows the short description twice. How can I stop that?
Melanie M Renzulli
This is exactly what I was looking for! Thanks! Only one problem though…after I inserted the snippet, my archive page changed from showing four products in a row to just two products. Any idea why that would change?
Indian
That works fantastic dear.
How can we justify that excerpt
peyman mohammadiiiii
i have put this code in my functions.php but I don’t know how can I call the function with a text editor could you tell more?
Armando
Worked great…how do we remove the link to the product from the text? is there a way to strip it of the href?
Carmine
Forgot to mention i am using Astra theme
Carmine
Hi there, i tried the code also with some tweaks but it displays always right below the thumbnail and not below the title, any help please? Thanks!
Jürgen
Hi Neil,
thank’s a lot for your code-snippets. Do you know, is there also a possibility to add the kategoriename into the product-teaser instead the long or short describtion? Thanks a lot, Jürgen
stefano
Hi thanks for your code, it was what I was looking for, only it gives me the following error
Fatal error: Cannot redeclare wc_add_short_description() (previously declared in /home/mhd-01/www.thisweb.it/htdocs/produzione/raff2020/wp-content/themes/divi-child/woocommerce/content-product.php:66) in /home/mhd-01/www.thisweb.it/htdocs/produzione/raff2020/wp-content/themes/divi-child/woocommerce/content-product.php on line 66
Neil Gowran
Looks like the function is added twice, you need to remove 1
Oh Hello There
The last code snippet isn’t working for me. It’s:
dd_action( ‘woocommerce_after_shop_loop_item_title’, ‘wc_add_short_description’ );
/**
* WooCommerce, Add Short Description to Products on Shop Page
*
*/
function wc_add_short_description() {
global $product;
?>
get_short_description() ) , 0,200 ); echo ‘…’ ?>
<?php
}
First I am getting an error and the code snippet I am grabbing the: , 0,200 ); echo '…' from still wasn't limiting the content. Help!
Thanks!
Neil Gowran
You are not copying all of the code snippet
Adam
I get an error when trying this
Fatal error: Uncaught Error: Call to undefined method WP_Post::get_short_description() in C:\…
Not sure why this is.
Neil Gowran
Thanks I have updated the code
Claire
Thank you for this code snippet – it’s perfect! Just a quick question, is it possible to have the short description before the price? When I use the code, it sits below it. Thanks!
Neil Gowran
You can set a higher priority:
Above I have set the priority to 2 so it should render before other elements using the same hook.
Laura
Thank you so much! That helped me a lot!
Anuj Kumar
Thanks for the code, it work perfectly
LISA RISPAL
Hi! Thanks for sharing all these codes I love your site. I tried that one, only do you know how we can customize the size and color of the text? Thanks again :-)
Laura
Hello,
Thank you for the guidance.
Though, the desicription still doesn’t render using the provided code.
I’ve added it to the functions.php file for my child theme.
I’m using the Twentyseventeen theme.
WilliamM
HI. Thanks a lot for the guide. Do you have any suggestion for adding descriptions to products that are shown via shortcode in blog posts (e.g. shortcode [products limit="-1" columns="3" category="my-category"] inserted on blog posts)?
Alex
Thank you! Do I just add this to my child theme’s function.php?
Jana
Hi, thank you for this. What should I do to limit it by words instead of characters, please?
Thank you
katie
Hi,
Bullet points don’t appear to show in these listings, anything I need to add to get ‘s working?
Thanks
Neil Gowran
HTML tags are stripped in the excerpt used in the short description – here is some reference to allow them – https://wordpress.stackexchange.com/questions/141125/allow-html-in-excerpt
PandaPsko
Actually none of those codes work on my site. It just doesn’t show any text. If someone can help, it would help me a lot.
Marcial
Can this be done for all user roles except for just one?
Anthony
Hi,
Thank you for the code! This doesn’t quite put the description directly after the title though, it adds it after the title and price.
I found I had to change the following:
add_action( ‘woocommerce_after_shop_loop_item_title’, ‘wc_add_long_description’ );
to
add_action( ‘woocommerce_shop_loop_item_title’, ‘wc_add_long_description’ );
Tim
Thank you for this. Solved a big issue for me on an AJAX product filter I was using.