I want to highlight the shipping method name in invoice

I’m trying to do excatly the same but only for packing slips. When customers choose pickup, then highlight shipping method.

I managed to do it with javascript.. But i can’t make it execute the javascript when the pdf i opened..

It works perfectly in an html document, but just not when the PDF is opened. See working codePen here: https://codepen.io/Molin449/pen/GRKrppR

Hope someone can help!

Hi @molin449 and @saruncloudspring,

You can target this part of the Simple template with some custom CSS via the following code snippet:

add_action( 'wpo_wcpdf_before_document', 'wpo_wcpdf_highlight_shipping_method', 10, 2 );
function wpo_wcpdf_highlight_shipping_method ( $template_type, $order ) {
	$highlighted_methods = array( 'Flat Rate', 'Free Shipping' );
	if ( in_array($order->get_shipping_method(), $highlighted_methods ) ) {
		?>
		<style type="text/css">
			.shipped_via { background:yellow; }
		</style>
		<?php
	}
}

You can add shipping methods you want to highlight in the $hightlighted_methods array. If you want to only apply this on the packing slip you can extend the snippet like this:

add_action( 'wpo_wcpdf_before_document', 'wpo_wcpdf_highlight_shipping_method', 10, 2 );
function wpo_wcpdf_highlight_shipping_method ( $template_type, $order ) {
	$highlighted_methods = array( 'Flat Rate', 'Free Shipping' );
	if ( in_array($order->get_shipping_method(), $highlighted_methods ) && $template_type == 'packing-slip' ) {
		?>
		<style type="text/css">
			.shipped_via { background:yellow; }
		</style>
		<?php
	}
}

This snippet should be placed in the functions.php of your child theme. If you haven’t worked with code snippets or functions.php before please read this: How to use filters

Awesome! It worked!

But i had to change the CSS selector to “.shipping-method td” for it to work. But that was a minor change. Thank you so much for this answer !