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 […]
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é ?
À lire aussi
Réduire l'abandon de panier : le guide pour vendre plus
Près de 7 paniers sur 10 sont abandonnés avant le paiement. Voici les vraies causes et les leviers concrets pour convertir plus de visiteurs en clients.
Paiement en ligne sur votre site : le guide pour bien choisir
Stripe, PayPal, sécurité, authentification forte, frais : le guide clair pour intégrer un paiement en ligne fiable sur votre site e-commerce ou SaaS.
Shopify ou WooCommerce : quelle plateforme e-commerce choisir ?
Shopify ou WooCommerce pour votre boutique en ligne ? Comparatif complet (coûts, flexibilité, contrôle, SEO) pour décider sans vous tromper.