[Résolu] Mettre du html dans la short description (Créer un compte)

  • WordPress :6.7
  • Statut : résolu
15 sujets de 1 à 15 (sur un total de 18)
  • Auteur
    Messages
  • #2483741
    clementp
    Participant
    Initié WordPress
    21 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 8.1
    • Thème utilisé : 2024
    • Extensions en place :  plein
    • Nom de l’hébergeur : ovh

    Problème(s) rencontré(s) :

    Bonjour,

    Je souhaite ajouter du HTML dans la « short description » d’un produit. Lors de la création ou modification d’un produit, il est possible de mettre en forme la « short description » à l’aide d’une petite barre d’outils, semblable à celle des anciennes versions de WordPress.

    On peut ainsi appliquer des alignements de texte, créer des listes, des titres, etc., avec quelques options simples.

    Cependant, cette mise en forme est totalement supprimée à l’affichage. Pire encore, le HTML est vidé de toutes ses balises : seul un bloc de texte brut apparaît dans le code source.

    Ma question est donc la suivante : comment conserver une liste à puces ou du texte en gras dans une « short description » ?

    Merci de votre aide.

    • Ce sujet a été modifié le il y a 1 mois et 1 semaine par ferman.
    • Ce sujet a été modifié le il y a 1 mois et 1 semaine par ferman.
    #2483742
    ferman
    Modérateur
    Maître WordPress
    7364 contributions

    Bonjour,

    Cela ne me pose aucun problème: listes et texte en gras en mode visuel et autre HTML en mode texte. Avez-vous bien mis à jour le produit? Ou alors un conflit avec certaines des extensions?

    #2483788
    clementp
    Participant
    Initié WordPress
    21 contributions

    Salut Ferman, merci pour ta réponse.

    Qu’appelles-tu « mettre à jour » ? J’utilisais le thème Sikta, mais ils l’ont arrêté, alors je suis passé au thème 2024 de WordPress.
    Ma description est là depuis longtemps.

    Mon texte de « short description » est même coupé (limité en caractères).

    Je te join une image mais tout le html a disparu a l’affichage

    Je n’ai pas d’add-on particulier en lien avec woo (sauf paye what you whant, que j’ai désactivé pour tester), certains ne sont même pas activés.

    • Akismet Anti-spam: Spam Protection
    • Carte HTML5
    • Contact Form 7
    • Customer Reviews for WooCommerce
    • Easy Watermark
    • En-têtes HTTP
    • MailerLite – Signup forms (official)
    • MailerLite – WooCommerce integration
    • Newsletter
    • Pay What You Want
    • Printful Integration for WooCommerce
    • Really Simple Security
    • Site Kit by Google
    • Table Rate Shipping for WooCommerce
    • UpdraftPlus – Sauvegarde/Restauration
    • WooCommerce
    • WooCommerce Amazon Pay
    • WooCommerce PayPal Payments
    • WooCommerce.com Update Manager
    • WooPayments
    • Wordfence Security
    • WP Mail SMTP
    • Yoast SEO
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2483791
    Joss47
    Modérateur
    Maître WordPress
    5362 contributions

    Salut,

    tu devrais nous donner encore plus les informations au compte goute 😀

    L’URL du site par exemple ?

    #2483792
    clementp
    Participant
    Initié WordPress
    21 contributions

    Oui voici le site

    https://xxxxxxx

    #2483793
    Joss47
    Modérateur
    Maître WordPress
    5362 contributions

    Super, peux tu me donner un produit concerné stp, le lien par exemple
    Ajoute pour voir dans le functions.php de ton theme enfant ou dans un plugin de code snippet :

    // Autoriser le HTML dans la "short description"
    remove_filter('woocommerce_short_description', 'wpautop');
    add_filter('woocommerce_short_description', 'wp_kses_post');

    D’autres pistes également ici : https://stackoverflow.com/questions/34700299/woocommerce-product-excerpt-description-short

    #2483795
    ferman
    Modérateur
    Maître WordPress
    7364 contributions

    Je ne sais pas ce qu’en pensera @Joss47 mais dans votre site la description courte classique n’existe pas; elle correspond à un « wp-block-post-excerpt ». Vous utilisez probablement woocommerce blocks. Il est connu que dans ce block les balises html sont supprimées (ça s’apparente à un bug). Deux lectures (parmi d’autres possibles) à ce sujet: ICI et ICI.

    Edit: Je n’avais pas vu la réponse rapide de @Joss47. Je suis trop lent 🙁

    • Cette réponse a été modifiée le il y a 1 mois et 1 semaine par ferman.
    #2483797
    Joss47
    Modérateur
    Maître WordPress
    5362 contributions

    Oh tu as tout vrai @ferman, il semblerait que cela n’utilise pas la description courte classique du produit MAIS l’extrait de publication du produit, ce qui n’est pas du tout la même chose ici.

    Tente cela sans réelle conviction dans ce cas car je n’utilise pas les block… :

    // Autorise le HTML dans l'extrait des produits WooCommerce
    remove_filter('get_the_excerpt', 'wp_trim_excerpt');
    add_filter('get_the_excerpt', 'custom_product_excerpt');

    function custom_product_excerpt($post_excerpt) {
    // Nettoie uniquement les balises HTML autorisées
    $allowed_tags = array(
    'p' => array(),
    'br' => array(),
    'strong' => array(),
    'em' => array(),
    'ul' => array(),
    'ol' => array(),
    'li' => array(),
    'a' => array(
    'href' => array(),
    'title' => array(),
    'target' => array()
    ),
    'span' => array(
    'class' => array(),
    ),
    'div' => array(
    'class' => array(),
    ),
    );
    return wp_kses($post_excerpt, $allowed_tags);
    }

     

    Bien qu’idéalement il faudrait utiliser la description courte du produit et non pas l’extrait de produit

    #2483799
    clementp
    Participant
    Initié WordPress
    21 contributions

    Merci pour les pistes, je vais essayer, mais juste pour clarifier les choses :

    • Je n’ai pas de thème enfant.
    • J’ai simplement cliqué sur « Installer le thème Twenty Twenty-Four », puis sur « Installer WooCommerce », sans toucher à quoi que ce soit d’autre.
    • Tout le thème est modifié uniquement via le système Gutenberg (comme visible sur l’image).

    Ce qui est étrange, c’est que, pour tester, j’ai ajouté un bloc « Résumé du produit ». Il apparaît donc deux fois (comme sur le screenshot fourni), mais la longueur du contenu est différente.

    Et pour répondre à @ferman : « Vous utilisez probablement WooCommerce Blocks », je ne fais rien de spécial. J’utilise uniquement le thème par défaut créé par WordPress en 2024.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2483801
    clementp
    Participant
    Initié WordPress
    21 contributions

    J’ai une piste plus facile (moins de bidouillage)

    en éditeur de code la page d’un produit, il y a l description une limite que j’ai augmenter a 250

    <!– wp:post-excerpt {« excerptLength »:250, »__woocommerceNamespace »: »woocommerce/product-query/product-summary »} /–>

    En faite il faut juste trouver comment afficher « description courte du produit et non pas l’extrait de produit » comme tu disait

    #2483802
    clementp
    Participant
    Initié WordPress
    21 contributions

    Chat GPT me dit qu’avec <!– wp:woocommerce/product-short-description /–> je devrais affiché la description courte

    mais cela reste vide curieusement

    #2483803
    Joss47
    Modérateur
    Maître WordPress
    5362 contributions
    #2483804
    ferman
    Modérateur
    Maître WordPress
    7364 contributions

    Vous ne devriez pas utiliser twenty twent four qui est « spécial » (thème FSE). Revenez à twenty twentyone maxi si vous voulez utiliser un thème wordpress ou un thème plus classique.

    Gutenberg a quelques avantages dans les cas simples mais à mon avis pas mal d’inconvénients si vous voulez sortir des sentiers battus, à moins d’être expert REACT .

     

    • Cette réponse a été modifiée le il y a 1 mois et 1 semaine par ferman.
    #2483806
    clementp
    Participant
    Initié WordPress
    21 contributions

    Franchement j’adore twenty twenty Four il révolution avec facilité pour moi, le style est très propre sans presque rien faire et permet même de modifier la structure des pages avec une étonnante facilité ce que tu appel FSE je crois comprendre. J’utilise wordpress en l’oisiveté depuis 15 ans… franchement ça change la vie pour moi, je ne vais pas changer je pense.

    #2483810
    clementp
    Participant
    Initié WordPress
    21 contributions

    C’est drole car toujours avec l’aide de chat gpt il me propose

    <!– wp:woocommerce/legacy-template {« template »: »single-product/short-description »} /–>

    qui affiche l’intégralité de la fiche produit mais la shirt description intérieur est oké avec le html

15 sujets de 1 à 15 (sur un total de 18)
  • Vous devez être connecté pour répondre à ce sujet.