Ajouter un saut de ligne dans WooCommerce Titres de produit

Question

Disons que mon titre de produit est:

Brown Colored Leather Shoes

Mais en fonction de ma largeur de colonne le titre ressemble à ceci:

Brown Colored Leather
Shoes

Je sais qu'il est possible de faire un remplacement de caractère de sorte qu'un "|" dans le backend devienne un saut de ligne <br/>. Mais je ne sais pas comment.

Je veux que ça ressemble à ce

Brown Colored
Leather Shoes

J'ai trouvé ces références:

• Adding a break to product title on shop pages for a certain length

• https://medium.com/@clarklab/add-a-line-break-in-a-wordpress-title-b3aeff346037

Est-il possible d'ajouter un saut de ligne aux titres longs des produits WC?

Answer 1

En utilisant cette fonction personnalisée accroché dans the_title crochet de filtre va faire le travail (en remplaçant une barre verticale | par un <br> dans les titres de ce produit):

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 ); // we replace '|' by '<br/>': 
    return $title; 
} 

code va dans le fichier function.php de votre thème enfant actif (ou le thème) ou encore dans un fichier de plug-in.

Le code est testé sur Woocommerce 3+ et fonctionne.

Now you can target different product pages with the WC conditionals tags as is_product() , is_shop() , is_product_category() or is_product_tag()(and many others)…

Answer 2

lorsque vous écrivez les titres de vos produits, vous pouvez ajouter espace non sécable au titre de la contrôler. Pour votre exemple, vous pouvez le faire:

Brown Colored Leather Shoes 

pour faible largeur, vous aurez comme vous voulez