Woocommerce

Limiter le nombre de caractères sur les titres des produits

Jean Rémi24 novembre 20211 min de lecture

Vous êtes développeur ? Ou alors vous vous êtes lancé dans la création de votre propre site e-commerce ? Et maintenant vous vous rendez compte que les titres des produits sont trop longs, et forcément votre mise en page de la boutique vol en éclat…J’ai la solution pour vous aider! En effet, réduisez le nombre […]

Limiter le nombre de caractères sur les titres des produits

Vous êtes développeur ? Ou alors vous vous êtes lancé dans la création de votre propre site e-commerce ?

Et maintenant vous vous rendez compte que les titres des produits sont trop longs, et forcément votre mise en page de la boutique vol en éclat…
J’ai la solution pour vous aider!
En effet, réduisez le nombre de caractères des titres de vos produits sur la page boutique, sans impacter le titre affiché sur la page produit.
Pour cela, ajoutez ce code dans le fichier « function.php » dans le thème enfant de votre site WordPress

				
					add_filter( 'the_title', 'shorten_woo_product_title', 10, 2 );
function shorten_woo_product_title( $title, $id ) {
    if ( ! is_singular( array( 'product' ) ) && get_post_type( $id ) === 'product' && strlen( $title ) > 30 ) {
        return substr( $title, 0, 30) . '…'; // change last number to the number of characters you want
    } else {
        return $title;
    }
}
				
			

Ensuite, pensez bien à modifier le nombre de caractères (30 pour l’exemple) aux deux endroits.

Testez sur WordPress 5.8.1 et Woocommerce 5.9.0.
Un nouveau projet WordPress ?
Contactez-moi et je me ferais un plaisir de vous aider.

Besoin d'un code personnalisé ?

Vous avez un projet de développement web ?

Le meilleur moyen de savoir si nous pouvons vous aider, c'est d'en parler. Réservez un appel de 30 minutes avec notre équipe. Nous échangeons sur votre besoin, nous identifions les pistes possibles, et nous vous donnons une vision claire des prochaines étapes. Sans engagement.

Nous écrire