Nous allons masquer l’image paypal du checkout qui peut faire penser au client que seul ce moyen de paiement est disponible

Code à copier/coller dans Préférences – zone google analytics – la zone de script

ATTENTION: Depuis le 1er février 2019 shopify n’autorise plus la prise en compte des scripts rajoutés dans cette partie.
Il faut donc les contacter et leur demander de réactiver la zone google analytics car vous en avez besoin pour intégrer le code snapchat par exemple 😉

if(typeof Checkout === "object"){ 
if(typeof Checkout.$ === "function"){ 
Checkout.$(".alt-payment-list").remove(); 
Checkout.$(".dynamic-checkout").remove();
} 
if(typeof Checkout.$ === "function"){ Checkout.$(".alternative-payment-separator").remove(); 
} 
}
document.getElementsByClassName("alt-payment-list__item alt-payment-list__item--paypal")[0].style.display = "none";
document.getElementsByClassName("alternative-payment-separator")[0].style.display = "none";
document.getElementsByClassName("dynamic-checkout")[0].style.display = "none";

Il existe une autre solution qui peut fonctionner selon le thème

Trouvez dans assets votre timber.scss.liquid ou theme.scss.liquid ou style.scss.liquid ou autre… et collez ce bout de code à la fin du fichier

.additional-checkout-button { display:none !important; }

Si jamais vous avez un visuel différent, une zone express paypal checkout alors supprimez les codes ci-dessous et testez celui la !

setTimeout(function(){ 
document.getElementsByClassName("dynamic-checkout")[0].style.display = "none";
document.getElementsByClassName("dynamic-checkout__title")[0].style.display = "none";
document.getElementsByClassName("dynamic-checkout__content")[0].style.display = "none";
}, 10);

Cet article a 51 commentaires

  1. Salut, et merci j’ai déjà suivi ton astuce pour retirer le bouton paypal ;

  2. J’avais pas remarqué que ça pouvait induire en erreur, possible d’avoir le code pour enlever le logo apple pay aussi ? Bien que je ne suis pas sûr que celui-ci gène vraiment

    1. Merci pour le commentaire, l’affichage du Apple pay dépend de votre thème, c’est lui qui défini les icônes à afficher ca se passe en général dans le footer.liquid

      1. Bonjour,
        Y a t’il un endroit précis dans la case « script » pour coller le code, par exemple au début ou a la fin ou cela n’a aucune importance ?
        Merci d’avance..

        1. Bonsoir, peu importe le tout est de respecter la syntaxe

  3. j’ai trouvé une solution :

    /*
    JS INECTION CODE
    REMOVE PAYPAL (AND ALL ALT PAYMENT METHOD BUTTONS) FROM CHECKOUT
    */
    if(typeof Checkout === ‘object’){
    if(typeof Checkout.$ === ‘function’){
    Checkout.$(‘.alt-payment-list’).remove();
    }
    }

  4. Salut Geoffrey dit moi le code c’est bien dans « Additional Google Analytics Javascript » qu’il faut le coller?

    1. Salut, oui c’est bien cela

      1. Merci pour ta réponse

  5. comment on fait pour retirer un code qu on a mis dans la fenetre google analitycs

    1. Salut, on retourne à l’emplacement et on repère les lignes ajoutées pour ensuite les supprimer. Vous ne supprimerez pas le google analytics car il est mémorisé et pas réellemnt dans ce champs 😉

  6. j ai un problème sur téléphone seulement : sur la page check out quand on choisi le paiement paypal et qu’on valide en cliquant sur le bouton « acheter » rien ne se passe, le lien est mort, ça ne dirige pas vers paypal. Vous connaissez ce problème ? Un peu gênant du coup je perds des clients

    1. salut ta resolu ton prob car moi c’est pareil le lien est mort ?

  7. Salut !
    Code très utile encore une fois..
    Néanmoins dés que le client rajoute son code promo et qu’il l’actualise le bouton paypal revient..
    Test effectué avec les deux codes docteur 😉
    Une idée ?

  8. salut à tous, le code ne fonctionne plus :(, il y a t il une autre solution ? Pour info je suis sur le thème Venture merci à vous

    1. c’est bon, ca fonctionnait pas car j ai fait un doublon avec le premier code

  9. Bonjour Geoffrey,
    Je viens de mettre le code à l’endroit que tu as indiqué et je crois que ça marche !…
    Je me demandais si c’est au même endroit qu’il faudrait mettre du code, et quel code, pour faire en sorte que sur la page de collecte des renseignements avant paiement, on ne pourrait pas faire apparaitre le prénom et le nom des personnes en plus de leur mail, qui est le seul élément qui les identifie (avec leur adresse). Je ne trouve pas cela très respectueux, au moment où les personnes vont sortir leur carte bleu, qu’on ne semble s’adresser à leur mail, et pas à leur nom !
    J’utilise le thème gratuit Supply, mais je crois que ce problème est récurrent, même dans des thèmes payants.
    J’ai joint Shopify sur cette question, et leur seule réponse a été de dire qu’il faudrait que je prenne un plan pro, pour avoir accès au checkout.liquid, et de modifier le code (qu’ils ne peuvent pas me donner…). Tout ça pour ça !
    Merci pour ta réponse.

    1. Hello et merci pour le com
      Effectivement seul l’abonnement pro permet d’accéder à cette partie

  10. Bonjour,
    nous avons déjà du code dans la zone « script » de la partie Google Analytics.
    Y’a t-il un moyen d’ajouter le vôtre en plus ?
    Merci pour tous tes précieux tutos, ils nous servent bien 😉

    1. Bonjour,

      Oui si vous le collez correctement et que ceux ci ne rentrent pas en conflit

      Bonne soirée

  11. Bonjour et merci pour ces astuces très pratiques.
    J’ai bien appliqué celle-ci et elle fonctionne correctement seulement il reste le mot OU en plein milieu du formulaire. Serais-tu comment le masquer lui aussi ?

    Merci d’avance.

    1. Salut,
      Même problème, j’appuie la question d’Ernesto. C’est un peu étrange qu’ il y ait un OU sorti de nulle-part. En attendant, je pense qu’il est mieux de garder le logo Paypal plutôt que d’inquiéter les clients avec cette bizarrerie.
      Bise

      1. Hello, code mis à jour vous pouvez tester celui la pour enlever le OU

    2. Hello, code mis à jour vous pouvez tester celui la pour enlever le OU

  12. Bonjour, merci pour ce partage ça a bien fonctionné !
    Je souhaitais également supprimer le bouton paypal du cart, car celui-ci ne le supprime que du checkout.

    Auriez-vous un autre code pour le cart également ?

    Merci d’avance

    1. Bonjour, oui regardez dans la liste des tutos y en a un 😉

  13. Bonjour,
    Je suis sur le thème VENTURE, et le code ne fonctionne pas.
    Voici se qu’il met écris :
    There is 1 error:
    Analytics snippet does not look valid (UA-xxxx-x)

    1. Bonjour, c’est normal il faut mettre votre google google analytics avant

  14. Salut et merci pour ce code qui me retire une épine du pied !

    Simple petite question : à chaque fois que je refresh la page, le logo Paypal met 1 seconde à s’enlever, est-ce normal ou existe-il un moyen de fixer ça ?

    Merci d’avance, Eliott 🙂

    1. Bonjour et merci pour le message

      Malheureusement non car c’est un hack JS il attend que la page se charge pour agir d’ou ce petit décalage… étant donné que shopify ne laisse pas la main sur cette page au niveau d’un thème on ne peut faire mieux à moins de prendre la abonnement pro et payer un développeur pour coder une page checkout personnalisée

  15. Bonjour Geoffrey,

    J’aimerai savoir à propos du code .
    Je vais dans google Analytics et je colle le code où ? juste au début ou à un endroit précis ?

    Merci, je sais je suis nul….

    1. Bonjour, il faut d’abord mettre le google analytics et ensuite vous aurez une zone vierge, si elle ne l’est pas alors mettez le code en dessous

  16. Bonjour,
    quand je colle le code dans la zone google analytics , ce message apparait:
    Analytics snippet does not look valid (UA-xxxx-x).
    Que faut il faire? Merci

  17. Bonjour ,
    Pouvez- vous m’aider? Je colle le code dans la zone google analytique mais ça enlève pas paypal.
    Que puis-je faire ? Merci à l’ avance

    1. Bonsoir, essayez de mettre le code ci-dessous dans votre fichier .css ou .scss : .additional-checkout-button { display:none !important; }

  18. Bonjour,
    Merci beaucoup pour cette astuce qui est importante à réaliser sur son site ! Je ne trouvais rien pour enlever ce bouton puisque j’ai le thème Speedfly mais la deuxième astuce à que tu a partagé à très bien fonctionné donc pour ceux que sa intéresse :
    –>Assets–>theme.scss.liquid et coller le bout de code tout en bas !
    Merci.

    1. Merci pour ce message, oui tu as le code dans l’application Speedfly au besoin 😉

  19. Hello super tes tutos, j’ai gagné pas mal de temps grace à eux

    je me pose tellement de question , comment je peux faire pour enlever le boutton  » acheter avec paypal »
    sur mes fiches produits.
    j’ai fouillé dans le code avec des elements de rechrche je n’y parviens pas

    En esperant avoir une réponse de ta part merci

    1. Hello, merci pour le message 😉 Alors malheureusement c’est un bouton mis d’office par paypal donc pas la main la dessus.

  20. Bonjour,

    le code enlève la ligne avec « or » mais pas le cadre EXpress checkout avec le bouton Paypal… sûrement après la mise à jour du code… Peut-on avoir le code entier svp? merci beaucoup

    1. Bonsoir, oui shopify a fait une récente mise à jour et ne permet plus de supprimer cette partie. Je vais voir pour mettre le tuto à jour mais pour le moment rien ne fonctionne…

  21. Je tiens à te remercier car j’ai galèrer à trouver un code pour que sa marche. Je l’ai partagé du coup. Merci bien.

    1. Bonsoir, super merci 😉

  22. Salut,

    J’ai une zone express paypal comme ceci : https://ibb.co/bQm0x63 et je n’arrive pas à l’enlever..

    Ton dernier code qui parle de ce soucis, il faut le mettre oû ? Dans l’assets timber.scss.liquid ou theme.scss.liquid ou style.scss.liquid ou autre… ?

    Il faut mettre le bout de code avant la derniére acolade ?

    Merci,

    1. Hello, il faut mettre le dernier code et dans google analytics script.

  23. Hello, apres avoir modifier le theme.scss.liquid mon site est passé en full html et est devenu archi moche
    j’ai utilisé la 2nd methode sur le theme speedfly.
    quand j’entre dans le theme ce msg apparait https://i.imgur.com/fv0qx9C.png

    Quelqu’un peut m’aider ?

  24. Bonjour
    cela fonctionne mais j ai toujours le OU !

    pouvez-vous m’aider ?

  25. Bonjour et merci pour l’astuce que vous proposez !

    J’ai implémenté les 3 codes aux endroits indiqués, mais rien y fait, le logo paypal est toujours présent, sur ma page d’accueil mais également dans mon checkout… Auriez vous des suggestions ?

    1. Bonjour, merci d’avoir posté ce message 🙂
      Depuis le 1er février 2019 shopify n’autorise plus la prise en compte des scripts rajoutés dans cette partie.
      Il faut donc les contacter et leur demander de réactiver la zone google analytics car vous en avez besoin.
      Bon WE

Laisser un commentaire

Fermer le menu
×
×

Panier