Select Page
The majority of what we design these days is using the Divi Theme from Elegant Themes. Divi is the best theme on the market in a lot of ways, but sometimes its integration with Woocommerce is a little funky.

Today I had a client ask me to display a product’s short description beneath its name on his store’s product grid page. It’s not the most attractive thing in terms of design, but the client was insistent on it.

Divi + WooCommerce Showing Product Short Description

Simply Tweak The Functions.php File

Thanks to a post I found on Github by om4james it was a lot easier to do than I thought. You just have to drop the following code into your functions.php file (make sure to create a child theme first).

<br /> function woocommerce_after_shop_loop_item_title_short_description() {<br /> global $product;<br /> if ( ! $product-&gt;get_short_description() ) return;<br /> ?&gt;

&lt;div itemprop="description"&gt;<br /> &lt;?php echo apply_filters( 'woocommerce_short_description', $product-&gt;get_short_description() ) ?&gt;<br /> &lt;/div&gt;

&lt;?php<br /> }<br /> add_action('woocommerce_after_shop_loop_item_title', 'woocommerce_after_shop_loop_item_title_short_description', 5);<br /> 

More information on WooCommerce plugins can be found here.

Photo Credit https://kinsta.com/blog/woocommerce-tutorial/

%d bloggers like this: