Woocommerce Short Description not displaying correctly on category page

Hi,

The product I’ve added the Short Description to is Anniversary Waltz, URL http://dev.jacksgallery.co.uk/product/anniversary-waltz/

On the limited-edition-prints product category page you may need to adjust the ‘Sort by’ selector for ‘Name’, then that product should appear in the middle of the second row on the first page.

Hi,

You need to look at 2 things.

1. The product listing for Anniversary Waltz as per your imgur image. The Short Description is listed out one line after another. This is OK.

2. Then look at the thumbnail/summary for that product on the category page for Limited Edition Prints, as seen in my link here: http://imgur.com/a/GnzpS. (The menu structure has changed; the category page URL is – http://dev.jacksgallery.co.uk/product-category/limited-edition-prints/) To easily find the thumbnail/summary for the product Anniversary Waltz on the category page you should alter the “Sort by…” selector at the top of the page to “Sort by Name”, then the thumbnail should appear in the middle of the second row on the first page. When you see the thumbnail you will see the Short Description lines flow one after another and are not separated by line breaks as they are in the actual product, so this is wrong. This is what you can see in my imgur link above.

• This reply was modified 7 years, 5 months ago by zimbo.

The function to get the Short Description to display on the category thumbnail viz.

add_action( 'woocommerce_after_shop_loop_item_title', 'avia_shop_overview_extra_header_div_new', 20);
function avia_shop_overview_extra_header_div_new() {
	global $post;
	$text = '<div>' .$post->post_excerpt. '</div>';
	echo $text;
}

was actually provided by Yigit, one of your Enfold Support colleagues, in response to a previous question – https://kriesi.at/support/topic/woocommerce-grid-remove-price-and-add-product-short-description-instead/#post-680083

I have modified that function by using snippets from other Enfold questions/replies to get it to show the Short Description instead of the_excerpt, so I rather hoping that someone could suggest a further tweak to fix how the Short Description is currently being displayed…?

In private below as requested. Whilst this dev… site is obviously live it is only used for test & development and is hidden from search engines.

Hi Yigit,

I tried to add HTML tags in Text previously but found the editor stripped them out. When I viewed the Text tab of the Short Description that you had edited, this is what I saw on screen: http://imgur.com/a/Wz3F9 – there were no HTML tags.

And as soon as I did an Update on the product, your edits were lost. How did you get the <p> and <br> tags to stay?

Well, I found another way to get this working.

I found the code section where WooCommerce displays the Short Desc on the product and used that, as so:

add_action( 'woocommerce_after_shop_loop_item_title', 'avia_category_page_new_div', 20);

function avia_category_page_new_div() {
	global $post;
	$desc = '<div class="category-desc">' .apply_filters( 'woocommerce_short_description', $post->post_excerpt ). '</div>';
	echo $desc;
	
	global $product;
	echo $product->list_attributes();
}

I’ve also added in the Attributes as well so the client can decide which one (or both) they want. It works so I assume this is a valid way of doing this?