Tuto masquer paypal sur le checkout de shopify

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

if(typeof Checkout === "object"){ 
if(typeof Checkout.$ === "function"){ Checkout.$(".alt-payment-list").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);

41 commentaires sur “Tuto masquer paypal sur le checkout de shopify

    1. dgeo22

      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. fabrice guénal

        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. sken

    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();
    }
    }

    1. dgeo22

      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 😉

  2. patrick

    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

  3. coffin

    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 ?

  4. Sacha

    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.

  5. JLOST

    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 😉

  6. Ernesto

    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. Jean-Paul ADOLLE

      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

  7. Donia

    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

  8. Valentin

    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)

  9. Eliott

    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. Dgeo GD

      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

  10. fabrice

    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….

  11. Morgan

    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.

  12. antoine

    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

  13. dorothée

    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. Dgeo Dev

      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…

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*
*