[Résolu] Mettre logo banque de la page commande dans fichier CSS (Créer un compte)

Bonjour,

Ce n’est pas si simple. On ne peut certainement pas y arriver avec des css, il faudrait utiliser la méthode « add action » comme par exemple ici. En fait, je crois qu’on peut le faire assez facilement avec des plugins payants (comme souvent chez woocommerce) en particulier « booster for woocommerce » version premium. Autrement il faut savoir coder, ce n’est pas mon cas.

C’est un début! Non, sérieusement, le problème réel est de créer un hook personnel à l’endroit voulu .  Après il resterait à y affecter une action avec une fonction echo pour faire apparaître l’icone. Regardez ça c’est intéressant même si ça ne donne pas la solution ça permet de voir le principe et c’est peut être une piste (je n’ai pas encore essayé). Après, il reste la solution des plugins (payants malheureusement, je n’en connais pas de gratuit pour cette application).

Je n’avais pas vu le prix du plugin :Sans commentaire (mais il faut considérer que dans sa version premium il permet enormément de choses, utiles ou non). J’ai la version gratuite mais j’ai réussi à le modifier un peu pour un autre problème (beaucoup de tâtonnements).

• Cette réponse a été modifiée le il y a 5 années et 5 mois par ferman.
• Cette réponse a été modifiée le il y a 5 années et 5 mois par ferman.

Bonjour,

Entretemps j’ai creusé un peu l’idée des « hooks ». Il est difficile dans woocommerce de placer des hooks personnalisés. J’ai donc cherché à utiliser les hooks proposés par woocommerce et j’en suis là: chez moi, il est possible d’importer une image/logo comme vous le souhaitez. Le seul hook disponible est <span class= »param »>’woocommerce_gateway_icon’.</span>

Problème: c’est un hook général qui importera le logo dans toutes les méthodes de paiement proposées, CA / paypal/ chèque. Il n’y a pas de hook propre à CA, ni à rien d’autre d’ailleurs, sauf paypal (il doit y avoir un accord woo/paypal).

Si vous avez un seul mode de paiement (CA) alors pas de problème. Si vous en avez plus le logo apparaîtra pour chaque mode. Une astuce serait par css (display: none) de masquer celui /ceux qu’on ne veut pas voir. Pour ça il faut les différencier en leur affectant une classe ou une ID particulière. Je n’ai pas encore réglé ce problème. Je vous communique quand même le code à mettre dans votre theme functions.php pour que vous voyiez déjà ce que ça donne. J’espère que ça marchera chez vous. Après il faudra réfléchir pour la suite (distinguer les methodes de paiement si vous en avez plus d’une ) Je pense que ça devrait-être possible mais peut-être pas simple.

<?php 
function filter_woocommerce_gateway_icon( $icon, $this_id ) { 
        $icon='<img src="http://votre site/wp-content/uploads/2018/03/logo.png" >';
        return $icon; 
    }; 
             
  
    add_filter( 'woocommerce_gateway_icon', 'filter_woocommerce_gateway_icon', 10, 2 ); ?>

• Cette réponse a été modifiée le il y a 5 années et 5 mois par ferman.

Bizarre , je viens de réessayer sans problème.  Vous avez bien l’image à télécharger dans votre dossier « upload »? Vous avez bien copié-collé le code? pas édité sur un éditeur de texte?