[Resuelto] Salto de linea titulo productos WooCommerce  

Hola.

Me gustaria poderle añadir un salto de linea a algunos productos para que el titulo se dividiera en dos lineas justo en el punto que quiero. Buscando he encontrado 3 soluciones pero ninguna me soluciona el problema. Las expongo a ver si sirven de ayuda.

1. Usar el plugin Page Title Splitter https://es.wordpress.org/plugins/page-title-splitter/. Funciona perfectamente pero en los titulos de entradas o paginas, en los titulos de productos que es lo que quiero no funciona. Ademas que he observado que me provca conflicto con otros plugins que tengo por lo que queda descartado.
2. Usar codigo HTML en el titulo, por ejemplo poner: Linea 1 <i>Linea 2</i> y con css cambiarle los estilo u hacer que baje de linea con un display block, pero no se si es cosa de mi plantilla o que, pero mi wordpress a mi no me acepta codigo HTML en los titulos.
3. Encontre esta funcion, pero el codigo no esta bien hecho porque me rompe literalmente la pagina, hace que sea inaccesible. Aunque la idea es buena, pero no se como desarrollar. Es remplazar una tuberia | por un <br/>, pero no se como hacerlo. Pego el codigo:

add_filter( 'the_title', 'custom_the_title', 10, 2 );
function custom_the_title( $title, $post_id ){
$post_type = get_post_field( 'post_type', $post_id, true );
if( $post_type == 'product' || $post_type == 'product_variation' ) $title = str_replace( '|', '<br/>', $title );
return $title; }

Dicho codigo lo saque de esta pagina: https://php.dokry.com/agregue-un-salto-de-linea-en-los-titulos-de-productos-woocommerce.html

Si alguien me pudiera ayudar en alguna solución para poder poner saltos de linea en los titulos de los prodcutos, seria genial.

Gracias y un saludo