How to Display Product Description on WooCommerce Shop Page

Introduction

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.

<?php
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.

<?php
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

From

<?php
echo get_the_excerpt();
?>

TO

<?php
echo custom_experpt_by_length( get_the_excerpt(), 100 );
?>

Conclusion

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.

FAQs