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-buttons, .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/

Merci de me laisser une petite note 😉
[Note moyenne: 1 sur 5]

🤗 Vous souhaitez m'encourager à continuer mes Tutos ?

Cliquez sur le bouton ci-dessous pour me laisser un petit pourboire 😉

Payer un coup à Dgeo Dev

Cet article a 35 commentaires

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

    1. Bonjour Sarah et merci pour votre message.
      Quel Thème as tu ?
      Essaye de le mettre dans cs-everything.styles.scss
      Bo WE

  2. Merci infiniment !

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

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

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

      1. Merci beaucoup pour la rapidité, je vais voir si je trouve une application qui peut faire çà.

  5. Bonjour, merci pour tous ces tutos mais ça ne fonctionne pas pour moi, j’ai le thème Mobilia

    1. Bonjour et merci pour votre commentaire
      J’ai mis mon code à jour pour ce thème, tu peux réessayer 😉

    1. Avec plaisir 😉

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

    1. Salut, aurais tu un lien d’un site sous Trademark que je vois la zone du paypal au niveau du panier afin que j’adapte mon code pour ce thème svp?

  7. Merci pour cette astuce très utile !

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

    1. Hum si tu l as supprimé il est supprimé partout 😉 je pense plus à un soucis de cache… actualise bien le navigateur sur mobile

      1. Sur mon téléphone ça reste, j’essaierais avec un autre mobile, merci de t’as réponse 🙂

        1. Surement un soucis de cache 😉 si tu supprime ca supprime partout, actualise bien ton smartphone. bonne soirée

  9. effectivement sur mobile je me retrouve avec le meme souci que Ben au niveau de remplir les infos client le gros bouton paypal est présent

    1. Oui c’est normal c’est le tuto pour le panier, regarde y en a un autre pour le checkout 😉

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

    1. Bonjour, essaye dans default.scss.liquid

  11. Bonjour,
    J’ai le thème Fastlane et le code ne fonctionne pas.

    1. Bonjour, en général mes codes ne fonctionnent pas sur Fastlane

  12. Bonjour et merci.
    Fonctionne parfaitement sur un thème Début.

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

  14. Bonjour, y aurait-il un code semblable pour masquer le google payement merci 😉

    1. Bonsoir, google paiement ? à quel niveau ? c’est peut être dans les options de paiement du thème

  15. Bonsoir, apparement j’ai du faire une méga boulette, après avoir fait ton tuto ma boutique ne s’affiche plus! Sur l’adresse du site et meme sur l’onglet « Boutique en ligne » ou on devrait la voire sur le petit ordniteur et le téléphone.
    Cette phrase s’affiche;

    Il semble y avoir une erreur dans votre thème.

    Essayer assets/theme.scss.liquid dans l’éditeur de modèle pour corriger l’erreur ci-dessous :

    Invalid CSS after  » }. »: expected class name, was « }. » at 7037

    Etant tout le contraire d’un expert en code je me tourne vers vous, deux jours que je me casse la tete la dessus sans résultats….

    1. Bonjour, ca ressemble un mauvais copier/coller ou alors au mauvais endroit. Au besoin MP sur mon facebook le lien du site ou le screen du copier/coller

Laisser un commentaire

Fermer le menu
×
×

Panier

Tu aimes mes Tutos & mes Articles ?

Alors n'hésites pas à m'encourager à continuer ce Blog !


Je donne 1e à Dgeo Dev

Envie de Booster ton taux de conversion ?

J'ai créé une nouvelle Application Shopify qui devrait te plaire !
Elle va te permettre de créer des Bundles en direct checkout !
N'hésite pas à la tester elle est Gratuite pendant 7 jours

En savoir plus