Déplacer le block description coutre dessous variation des produits

WordPress :5.8
Statut : résolu

Ce sujet contient 14 réponses, 2 participants et a été mis à jour pour la dernière fois par BrodeCoud, le il y a 8 mois.

15 sujets de 1 à 15 (sur un total de 15)

Auteur

Messages
15 janvier 2022 à 0 h 03 min #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.
15 janvier 2022 à 15 h 36 min #2393272
ferman
Participant

Maître WordPress
5359 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.
15 janvier 2022 à 18 h 48 min #2393293

BrodeCoud
Participant

Padawan WordPress
50 contributions

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

15 janvier 2022 à 22 h 43 min #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.

15 janvier 2022 à 23 h 30 min #2393307
ferman
Participant

Maître WordPress
5359 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 8 mois et 1 semaine par ferman.
- Cette réponse a été modifiée le il y a 8 mois et 1 semaine par ferman.
- Cette réponse a été modifiée le il y a 8 mois et 1 semaine par ferman.
16 janvier 2022 à 0 h 07 min #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

16 janvier 2022 à 0 h 27 min #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

16 janvier 2022 à 0 h 41 min #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 8 mois et 1 semaine par BrodeCoud.
- Cette réponse a été modifiée le il y a 8 mois et 1 semaine par BrodeCoud. Raison: actualisation après de nombreux test a tâtons
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.
16 janvier 2022 à 9 h 28 min #2393337
ferman
Participant

Maître WordPress
5359 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.
16 janvier 2022 à 10 h 28 min #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

16 janvier 2022 à 11 h 09 min #2393343

ferman
Participant

Maître WordPress
5359 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) 🙂

16 janvier 2022 à 12 h 18 min #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

17 janvier 2022 à 1 h 19 min #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 😊

17 janvier 2022 à 12 h 23 min #2393426
ferman
Participant

Maître WordPress
5359 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.
21 janvier 2022 à 22 h 14 min #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
Auteur

Messages