URGENT – Comment ajouter une phrase sur la page “COMMANDE”

  • WordPress :5.2
  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 17)
  • Auteur
    Messages
  • #2283190
    Pierre44800
    Participant
    Initié WordPress
    13 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : DIVI
    • Extensions en place :
    • Nom de l’hébergeur : PhpNet
    • Adresse du site :

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

    Bonjour à tous,

    Ma question est assez simple je pense : comment ajouter facilement une petite phrase dans la page “COMMANDE” de Woocommerce ?

    Merci pour votre aide

    #2283213
    ferman
    Participant
    Maître WordPress
    1357 contributions

    Bonjour,

    Vous pouvez essayer le code suivant qui devrait vous mettre la phrase voulue (modifiez en remplaçant ‘BLABLA’ )  comme sur la pièce jointe . Si c’est bien de cette page dont vous parlez

    function blabla() {
    	echo '<span id="blabla">BLABLA</span>';
    }	
    add_action('woocommerce_after_checkout_billing_form', 'blabla');

    A mettre dans le fichier functions.php  de votre thème enfant si vous en avez un, ou en utilisant un plugin tel que “my custom functions” .

    Après, vous pouvez donner le style que vous voulez à votre phrase avec des css (j’ai mis une id).

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2283217
    Pierre44800
    Participant
    Initié WordPress
    13 contributions

    Merci beaucoup pour votre réponse très précise, je vais essayer ça demain,

     

    #2283264
    Pierre44800
    Participant
    Initié WordPress
    13 contributions

    Bonjour,

    Petite question surement toute bête, mais il faut remplacer tous les “blabla” avec ma phrase ?

    Merci

    #2283276
    ferman
    Participant
    Maître WordPress
    1357 contributions

    Bonjour,

    il faut remplacer tous les “blabla” avec ma phrase ?

    Non; seulement celui qui est en majuscule. Par contre, si ça vous chante vous pouvez aussi remplacer les autres par ce que vous voulez: truc, machin, bidule, votre prénom … à condition que ce soit la même chose à la ligne 1 et 4. N’oubliez pas les ‘ et ” là où il y en a.

    Où mettez-vous votre code: dans un fichier function.php ou bien vous l’ajoutez via un plugin?

    #2283277
    Pierre44800
    Participant
    Initié WordPress
    13 contributions

    Merci pour votre réponse,

    J’ajoute cela avec le plugin my custom functions

    #2283280
    ferman
    Participant
    Maître WordPress
    1357 contributions

    Si vous n’avez jamais utilisé my custom functions et si vous rencontrez un problème (on ne sait jamais), par ftp, allez dans le dossier my-custom-functions. En bas, vous verrez un fichier nommé “start”.  Il suffit de le renommer en “stop” pour rétablir la situation. C’est bien expliqué dans la doc de l’extension.

    Copiez/collez simplement le code sans passer par un quelconque éditeur de texte.

    • Cette réponse a été modifiée le il y a 2 weeks par  ferman.
    #2283305
    Pierre44800
    Participant
    Initié WordPress
    13 contributions

    Super, merci ça a parfaitement fonctionné,

    Dernière petite question, que dois-je modifier dans le petit code pour mettre la phrase en rouge ?

    Merci

    #2283308
    ferman
    Participant
    Maître WordPress
    1357 contributions

    Soit vous remplacez dans le code la ligne 2 par celle-ci:

    '<span id="blabla" style="color:red">BLABLA</span>';

     

    Mais le mieux, pour moi, car plus facile à modifier c’est de le faire séparément  par  css. Si vous choisissez cette solution, dans vos css additionnelles copiez/collez le code ci-dessous.

    #blabla{color:red;}

    #2283311
    Pierre44800
    Participant
    Initié WordPress
    13 contributions

    C’est encore moi,

    Pour la phrase elle apparaît donc sur cette page (c’est mieux avec un lien)  https://virtuozescape.com/commande/

    Est-il possible de la placer juste après le planning (juste en dessous ou au dessus de “Valider ma prise de RDV”)

    Merci beaucoup

    #2283312
    ferman
    Participant
    Maître WordPress
    1357 contributions

    Ce que je vois est une page panier et non commande (cliquez sur le lien que vous donnez). Il faut mettre au moins un article dans le panier pour voir la page commande

     

    #2283313
    Pierre44800
    Participant
    Initié WordPress
    13 contributions

    https://virtuozescape.com/commande/  Et là ? Car j’ai bien un article dans le panier, et la phrase voulue apparaît (cf pièce jointe) on voit le planning apparaître en bas de la pièce jointe et c’est juste en bas du planning que la phrase doit apparaître .. si possible

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

    Non, là je ne peux pas vous dire. C’est particulier à votre site et il manque des éléments. Le planning ne fait pas partie de woocommerce (c’est une extension?) et donc il n’est pas possible de déterminer comment “accrocher” la fonction. Il ne serait possible d’aller plus loin, sans aucune garantie de succès,  qu’en sachant quel est ce formulaire (s’il est gratuit)  et surtout en voyant votre site et la page commande “en vrai” avec la phrase en rouge intégrée; pas une copie d’écran.   Donc pour moi avec les renseignements disponibles, c’est à dire très peu puisque votre site n’est pas accessible et qu’on ne voit pas la liste de vos extensions, on ne peut rien faire de plus (en tout cas moi, je ne peux pas). Désolé.

    • Cette réponse a été modifiée le il y a 2 weeks par  ferman.
    • Cette réponse a été modifiée le il y a 2 weeks par  ferman.
    #2283355
    ferman
    Participant
    Maître WordPress
    1357 contributions

    Je n’avais pas vu que en fait votre site est visible. Je regarderai ce qui est possible.

    • Cette réponse a été modifiée le il y a 1 week et 6 jours par  ferman.
    #2283362
    ferman
    Participant
    Maître WordPress
    1357 contributions

    Bon, sans aucune garantie. Je ne peux pas voir la page contenant le planning (il faut certainement être inscrit pour la voir).  Ce que je vous  donne est pour la page non inscrits (telle qu’on la voit dans votre lien). Le premier groupe est pour les pc, le deuxième pour les tablettes, le troisième pour les portables. Pour adapter, il faut modifier les marges (les %) et voir l’effet produit. Il n’y a pas d’autre moyen que d’essayer. Le code est à mettre dans vos css additionnelles.

    #blabla {
    	position:absolute;
      display: block;
      color:red;
    	margin-top: 38%;
      margin-left:10%;
      font-size:1em;
      line-height:1.2em
      }
    
    @media only screen and (max-width: 1100px)  {#blabla{ 
    	position:absolute;
      display: block;
      color:red;
    	margin-top: 95%;
      margin-left:10%;
      font-size:.8em;
      line-height:1.1em
      }}
    
    @media only screen and (max-width: 700px)  {#blabla{ 
    	position:absolute;
      display: block;
      color:red;
    	margin-top: 200%;
      margin-left:10%;
      font-size:.7em;
      line-height:0.8em
      }}

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