[Résolu] Déplacer le block description coutre dessous variation des produits (Créer un compte)

  • WordPress :5.8
  • Statut : résolu
15 sujets de 1 à 15 (sur un total de 15)
  • Auteur
    Messages
  • #2393166
    BrodeCoud
    Participant
    Padawan WordPress
    50 contributions

    Ma configuration WP actuelle

    • Version de PHP/MySQL : local xampp
    • Thème utilisé : enfant de Sarada Lite
    • Extensions en place : woocomerce, WC Fields Factory, Easy Custom Sidebars, Product Variation Swatches for Woocommerce, Yoast Duplicate Post
    • Nom de l’hébergeur : xampp
    • Adresse du site : local

    Bonjour a toutes et tous

    (Je sais pas si je suis dans la bonne catégorie du forum)

    J’aimerai mais je sais pas si c’est possible déplacer le block de la description court dessous le block des variation des catégorie

    je vous ai fait une capture d’écran du site actuellement et un montage photos de ce que j’aimerai

     

    je vous remercie par avance de votre aide et bonne journée / soirée

     

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2393272
    ferman
    Participant
    Maître WordPress
    5035 contributions

    Bonjour,

    C’est possible mais il faudra tâtonner un peu.

    Dans functions.php de votre thème enfant, copiez collez le code ci-dessous .La première ligne sert à faire disparaître la description courte de son emplacement actuel. La deuxième la fait apparaître plus haut. Regardez ICI.

    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
    
    add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 10 );

    Explication: le nombre, par exemple 20 dans la première ligne, indique la position de la description. Plus il est petit, plus la description est haute.

    La position habituelle de la description correspond à 20. Si elle ne disparaît pas, il faudra modifier de 5 en 5 (25, 30, 35). Pour la deuxième ligne c’est pareil vous pouvez essayer 15, 10, 5.

     

    #2393293
    BrodeCoud
    Participant
    Padawan WordPress
    50 contributions

    Bonsoir merci beaucoup je vais tester ce soir je vous tient au courrant

    #2393304
    BrodeCoud
    Participant
    Padawan WordPress
    50 contributions

    Bonsoir a tous

     

    Merci ferman, mais malheureusement, le code ne fonction pas !

    lorsque que j’insère le code j’ai 2 description qui apparais et quand je déplace de 5 en 5 des fois il me reste qu’un description et la seule fois ou elle vas en bas elle vas dessous le bouton du panier et je la voudrai au dessus et au dessus du de l’exention WC Fields Factory, je sais pas comment vous avec trouver les ‘woocommerce_single_product_summary’ , ‘woocommerce_template_single_excerpt’ (je pense le savoir et l’expérience 😅) es ce que c’est possible de faire ca pour chaque « block » si oui ou je trouve les code pour chaque block c’est peut être une idée farfelue et impossible mais ca m’ai venue en tête comme ca je pourrai monter et descendre les block au besoin

     

    en tout cas merci beaucoup pour votre aide

    je vous joins des capture comme je suis en local

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2393307
    ferman
    Participant
    Maître WordPress
    5035 contributions

    Pardon, j’ai mal interprété votre deuxième copie d’écran. Elle représente ce que vous voulez  et non ce que vous avez? Quoi qu’il en soit:

    Si vous voulez faire descendre la description:

    Essayez de cette façon: mettez seulement la première ligne et faites varier le nombre 20 jusqu’à ce que la description courte disparaisse.  Seulement ensuite mettez la deuxième avec un nombre plus grand et faites varier. Par exemple si vous avez dû mettre 20 dans la première ligne, essayez 25, 30, 35…etc (vous pouvez aller de 10 en 10 aller plus vite et ajuster par la suite).

    Si vous voulez faire monter la description, c’est le même principe sauf que vous devrez avoir des nombres inférieurs à 20 (15,10,5,0,)

    Dans le lien que je vous ai donné, vous avez l’ensemble des possibilités pour placer un élément à un endroit donné de la page produit.  par exemple en changeant la première partie de la deuxième ligne de code comme ci-dessous, la description se placera en haut. Testez les autres possibilités indiquées

    add_action( 'woocommerce_before_add_to_cart_form', 'woocommerce_template_single_excerpt' );

    • Cette réponse a été modifiée le il y a 4 mois par ferman.
    • Cette réponse a été modifiée le il y a 4 mois par ferman.
    • Cette réponse a été modifiée le il y a 4 mois par ferman.
    #2393316
    BrodeCoud
    Participant
    Padawan WordPress
    50 contributions

    Il n’y a pas de quoi excuser déjà vous prenez le temps de m’aider et je vous en remercié

     

    je viens de teste donc première ligne 15 description pressente 20 absente 25 présente dons j’ai mis 20

    et j’ai tester avec la deuxième ligne elle ne bouge pas jusqu’à 30 elle passe en bas mais dessous le bouton ajouter au produit et je suis même aller en 5 en 5 jusqu’à 50 elle reste dessous le bouton

     

     

     

    #2393318
    BrodeCoud
    Participant
    Padawan WordPress
    50 contributions

    Desoler je n’avais pas vue le lien je vais etudie cela mille merci et bonne soirée

    #2393320
    BrodeCoud
    Participant
    Padawan WordPress
    50 contributions

    Vous etes au TOP

     

    Je suis trop content comme une petite fille mille merci j’ai réussie mais j’ai 2 description

    remove_action( 'woocommerce_before_single_variation', 'woocommerce_template_single_excerpt', 20 );
    
    add_action( 'woocommerce_before_single_variation', 'woocommerce_template_single_excerpt', 30 );

    même en essayant comme vous m’avez dis plus haut la 1er e ligne jusqu’à ce quelle disparait, elle reste bien en place

    • Cette réponse a été modifiée le il y a 4 mois par BrodeCoud.
    • Cette réponse a été modifiée le il y a 4 mois par BrodeCoud. Raison: actualisation après de nombreux test a tâtons
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2393337
    ferman
    Participant
    Maître WordPress
    5035 contributions

    Pour remove action il faut utiliser :

    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );

    Explication: la description courte est définie par ‘woocommerce_template_single_excerpt’, sa position est définie grossièrement par la première partie de la ligne (on appelle ça un « hook ») c’est à dire au départ ‘woocommerce_single_product_summary’ puis, plus précisément par le nombre 20. C’est donc de cet endroit qu’il faut l’enlever. Si vous faites: remove_action( ‘woocommerce_before_single_variation’, ‘woocommerce_template_single_excerpt’, 20 ); ça ne peut pas marcher car il n’y a rien à enlever à cet endroit.

    Pour résumer:

    1. On repère exactement  l’endroit où se situe l’action et on l’enlève
    2. On ajoute l’action à un endroit différent. On peut faire ça en gardant le même  » hook » et en faisant varier le nombre (ici c’était 20). Si ça ne suffit pas (comme dans votre cas), on change de « hook ». Et bien sûr la deuxième partie du code qui définit l’action ne doit pas changer.
    #2393339
    BrodeCoud
    Participant
    Padawan WordPress
    50 contributions

    NICKEL YES MILLE MERCI MERCI MERCI MERCI MERCI MERCI MERCI MERCI

    (je croie que écrire en majuscule c’est pour crie ) et la je vous cri ma joie

     

     

    #2393343
    ferman
    Participant
    Maître WordPress
    5035 contributions

    Pour crier encore plus fort vous pouvez mettre en gras. Et si votre problème est réglé, merci de passer le sujet en « résolu » (pas besoin de crier pour ça) 🙂

    #2393345
    BrodeCoud
    Participant
    Padawan WordPress
    50 contributions

    Je vous remercie encore vraiment beaucoup mon petit croissant blanc pas à ce que je voulais

     

    MERCI POUR TOUT 😂😅

     

    J’ai mis le problème en résolu je vous souhaite un bon dimanche

    #2393397
    BrodeCoud
    Participant
    Padawan WordPress
    50 contributions

    Bonsoir

    Le sujet est résolut mais je souhaiterai savoir (maintenant que j’ai compris le reste) où on trouve le nom « woocommerce_template_single_excerpt » car lui si j’ai bien compris c’est pour la description, command je sais les autre nom pour le prix par exemple

    comment je trouver les autre nom pour pouvoir modifier les emplacements des autre « block », comme cela je comprend et je fais pas une demande d’aide a chaque fois que je veut modifier quelque chose.

     

    Merci d’avance de votre partage de savoir 😊

    #2393426
    ferman
    Participant
    Maître WordPress
    5035 contributions

    Bonjour,

    Alors: dans le lien que je vous ai passé, dans la partie noire vous avez ces quatre lignes :

    // Right column
    add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
    add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_rating', 10 );
    add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
    add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );

    1. Dans la première ligne, après la virgule, ‘woocommerce_template_single_title’, est le titre.
    2. ———————————————————————————————-, les avis.
    3. ———————————————————————————————-, le prix.
    4. ———————————————————————————————-, la description courte

    Le hook est le même pour les 4 lignes: ‘woocommerce_single_product_summary’; ça correspond à la partie droite de la page produit. En jouant sur les nombres en fin de ligne vous pouvez déplacer ces différents éléments dans cette partie droite.

    Comme on a vu vous pouvez également changer de hook et placer les éléments à des endroits différents.

    Par exemple avec la première  ligne ci-dessous vous placerez le titre au dessus de l’image du produit (à gauche donc)

    Avec la deuxième ligne ce sera en dessous de l’image. Il y a plein de possibilités qu’il serait trop long de détailler. Comme votre site est en local vous pouvez essayer tout ce que vous  voulez

    add_action( 'woocommerce_before_add_to_cart_form', 'woocommerce_template_single_title', 10 );
    
    
    add_action( 'woocommerce_after_single_product_summary', 'woocommerce_template_single_title', 10 );

    La liste des hooks possibles et l’emplacement auxquels ils correspondent est dans la première partie (grise) du document envoyé précédemment.

    #2393848
    BrodeCoud
    Participant
    Padawan WordPress
    50 contributions

    Bonsoir, je suis déposer j’était très occuper et je n’avais pas vu votre message plus tôt

     

    je vous remercie de vos explication je vais étudier cela et oui en local on peut tout test 😉

     

    je vous remercie votre pédagogie je préfère cela que quelqu’un qui me dis de mettre tel ou tel chose sans explication (même si ca fonction très bien après on apprend pas, mais déjà la personne nous aide c’est déjà très bien)

    merci encore pour tous

    bonne continuation

     

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