How to Display Product Description on WooCommerce Shop Page

How to Display Product Description in WooCommerce Shop Page


Welcome to our comprehensive guide on displaying product descriptions on the WooCommerce shop page programmatically.

However, by default, the product descriptions are not displayed on the shop page, leaving customers with limited information before clicking on a product.

In this tutorial, we will walk you through the process of programmatically adding product descriptions to your WooCommerce shop page.

By doing so, you can enhance the browsing experience for your customers, enabling them to make more informed decisions without having to navigate to individual product pages. Whether you’re a beginner or an experienced developer, the Codexcoach guide will equip you with the knowledge to customize your shop page efficiently.

add_action( 'woocommerce_after_shop_loop_item_title', 'cxc_show_short_des_product', 40 );
function cxc_show_short_des_product() {
     echo get_the_excerpt();

Add the following code to your functions.php file in the theme folder to shorten the text.

function custom_experpt_by_length( $excerpt, $length = 100 ){
	$result = '';
	if( $excerpt ){
		$excerpt = substr( $excerpt, 0, $length );
		$result = substr( $excerpt, 0, strrpos($excerpt, ' ') );	
		$result .= " [...]";		
	return $result;

Replace the following function


echo get_the_excerpt();


echo custom_experpt_by_length( get_the_excerpt(), 100 );


In conclusion, programmatically displaying product descriptions on the WooCommerce shop page is a valuable enhancement for your online store. By providing customers with quick access to essential information, you can improve their browsing experience and increase the chances of conversion.

Remember to always work with a child theme to preserve your customizations and prevent them from being overwritten during updates.


Can I display only a portion of the product description on the shop page?

Yes, you can customize the code snippets to display a specific number of characters or truncate the description to fit within a designated space.

Can I use a plugin instead of programmatically adding the descriptions?

Yes, there are plugins available that allow you to display product descriptions on the shop page without writing code.

Can I display different product descriptions for different product categories?

Yes, you can implement conditional statements within your code snippets to display unique descriptions based on specific product categories.

How useful was this blog?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this blog.

By Subhash Katakiya

Hey Guys, My Self Subhash Katakiya. I am a resident of Gujarat. I have 2+ years of experience in full-stack web development. Currently, I am working in CodexCoach Company. In particular, I specialize in WooCommerce, plugins, and themes. So, read my blogs and learn full-stack web development skills with my guide.

Leave a comment

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