[Resolved] Applying CSS to hook content

[David]

Hi Tom and team,

im a little out of depth here, i have cobbled together the below PHP snippet which puts the product (post) excerpt into the shop loop. Now i dont know how to style the excerpt using CSS. I have looked at creating DIV and Classes etc but thats beyond me.

Any ideas? If not i am going to through it at woo. BTW the PHP works but again if there is anything amiss or could be trimmed down your advice would be much appreciated.

/* Adding excerpt to shop page */
add_action( 'woocommerce_after_shop_loop_item', 'diggs_custom_shop_item', 5);
function diggs_custom_shop_item() {
	global $post;
	
	/* product excerpt  */
	if ( $post->post_excerpt ) {
		echo apply_filters( 'woocommerce_short_description', $post->post_excerpt );
	}
}

[Tom]

You could try something like this:

/* Adding excerpt to shop page */
add_action( 'woocommerce_after_shop_loop_item', 'diggs_custom_shop_item', 5);
function diggs_custom_shop_item() {
	global $post;
	
	/* product excerpt  */
	if ( $post->post_excerpt ) {
		echo '<div class="my-selector">' . apply_filters( 'woocommerce_short_description', $post->post_excerpt ) . '</div>';
	}
}

Then you can style it with:

.my-selector {}

[David]

thanks Tom – as usual you make it so damn easy (and so obvious!)

[David]

Hi Tom

could you help, the post excerpt is a variable length, i want to limit the number of characters or words displayed in the .my-selector. Any ideas?

[Tom]

Perhaps wrapping your content in this function would help: https://codex.wordpress.org/Function_Reference/wp_trim_words

[David]

Thanks Tom – case closed

[Tom]

You’re welcome 🙂

[Author]

Posts