Tuto Masquer le Bouton Paypal au niveau du panier sur shopify

Sans-titre-1

Suite à plusieures demandes j’ai décidé de faire ce micro tuto pour éviter que les clients pensent en ne voyant que le bouton Paypal qu’il n’existe que ce moyen de paiement et donc peu en refroidir plus d’un = impact sur les ventes de votre boutique.

Afin de palier à ce probème je vous propose de le masquer via une ligne de code qu’il faudra mettre dans:

Online store -> Actions -> Edit Code -> Assets -> theme.scss ou selon votre thème (style.scss, timber.scss…)

Rendez vous tout en bas du fichier et copier/coller le code ci-dessous:

.template-cart #paypal-express-button, #paypal-express-button, .additional-checkout-button, .additional-checkout, .additional-checkout-button--paypal-express {
 display:none !important;
}

Si vous souhaitez le masquer au niveau du checkout cliquez sur ce lien: https://dgeodev.comtuto-masquer-paypal-sur-le-checkout-de-shopify/

Vous souhaitez me remercier et m’encourager à continuer mes tutos?

Alors n’hésitez pas à me faire un petit don même minime car c’est l’intention qui compte 😉

Je veux faire un don

32 commentaires sur “Tuto Masquer le Bouton Paypal au niveau du panier sur shopify

  1. Sarah

    Bonjour,
    Merci pour tous ces tutos et astuces que tu partages. C’est juste cool !!
    Sinon je ne trouve pas dans assets -> theme.scss ou selon votre thème (style.scss, timber.scss…)
    Je n’ai que 4 fichiers .scc : cs-everything.global.scss.liquid – cs-everything.styles.scss.liquid –
    animate.min.css – owl.carousel.css
    Je ne sais pas du tout ou mettre la balise…
    Merci par avance et excellent week end !
    Bien à toi,
    Sarah

  2. MoneyMaker

    ça n’a pas fonctionné pour moi. Méthode alternative => cart.liquid puis ajouter :
    {% comment %}
    {{ content_for_additional_checkout_buttons }}
    {% endcomment %}

    1. dgeo22

      Bonjour Fabrice, effectivement selon les thèmes code code peut ne pas fonctionner car il est situationnel, il réagit aux identifiants génériques de la plus part des thèmes
      Votre méthode est également très bien car vous commentez la zone entière mais gaf si jamais vous avez d’autres éléments qui doivent s’afficher dans cette zone ils n’apparaîtront pas du tout. Merci pour le partage qui pourra en aider + d’un 🙂 bon WE à vous

  3. steven

    Bonjour a tous. j’ai tester les deux méthodes mais çà ne fonctionne pas pour moi, c’est le thème brooklin. Sur la page panier je n’est pas le bouton paypal donc c’est parfait. Par contre, il est sur la page information client en haut et je craint que les client en voyant ce bouton, ils pourrait croire qu’on peut seulement payé par paypal. En faisant clic droit pour inspecter le code html du bouton, c’est facile de supprimer la zone entière mais je n’arrive pas a sauvegarder, du coup j’ai essayer d’aller chercher dans le code de mon thème pour supprimer ce bout de code, mais impossible de le trouver. Merci par avance, si jamais quelqu’un sait comment on fait !

    1. dgeo22

      Bonjour Steven et merci de votre commentaire, il n’est pas possible de masquer ce bouton sur les pages qui suivent le panier. en effet les fichiers du thème se limite à l’affichage et traitement basique. si vous faites attention à l’étape suivante du panier votre site disparaît et vous vous retrouvez sur une page basique. c’est une page sur les serveurs shopify donc non accessible… donc nous sommes bloqués. la seule possibilité serait de trouver une app qui en tant que app a la possibilité de modifier des comportements plus avancés car étant partenaires shopify.
      Les clients sont surtout genés par la présente du bouton au niveau du panier ne pensant que seul ce moyen de paiement est disponible ensuite ca n’a plus d’importance

  4. david

    Bonjour dans le panier j’ai le bouton paypal qui et trompeur pour mes clients j’ai essayer vos 2 codes pas de résultat
    pouvez vous m’aider svp ?
    mon thème ces Trademark

  5. Ben

    Bonjour, merci pour tes tutos 🙂 ça a marché pour moi, parcontre sur mobile il s’affiche toujours, il y a une manipulation à faire pour éviter ça ou sur mobile ce n’est maheuresement pas possible de l’enlever? Merci

  6. Eli

    Bonjour,

    J’ai le thème fastlane (externe à shopify), quel code je dois utiliser ? Car je ne trouve pas le theme.scss ou selon votre thème (style.scss, timber.scss…)

  7. aissata

    Bonjour . Moi j’ai deux boutons : le bouton paypal et le bouton google pay. Grâce à ton astuce, j’ai pu supprimer celui de paypal, par contre comment je fait pour supprimer celui de google pay ?

    Merci !

    1. Dgeo Dev

      Bonjour, pour le google pay il faudra se rendre dans sections – template-cart.liquid trouver la div class= aditionnal-button ou quelque chose comme ca et supprimer le bout de code

Laisser un commentaire

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

*
*