Nous allons voir dans ce tutoriel comment supprimer le « Plus de moyens de paiement » sous le bouton acheter maintenant de Shopify

Suite à pas mal de demandes j’ai décidé de vous proposer ce bout de code qui en dérange plus d’un !

Shopify à récemment rajouté un bouton dynamique permettant d’afficher à la volée les boutons selon les moyens de paiement connectés de l’utilisateur en cours.

  • Paypal,
  • Google Pay,
  • Apple Pay,
  • Amazon Pay,
  • Bouton d’achat direct checkout

Cependant un petit lien apparait juste en dessous de ce bouton, le fameux « Plus de moyens de paiement ».

Nous allons voir comment le masquer grace à un hack CSS.

Côté tutoriel – code shopify

Avant toute modification n’oubliez pas de faire une sauvegarde de votre thème (boutique en ligne – actions – dupliquer).

Rendez-vous ensuite dans les fichiers de votre thème dans:

Boutique en ligne – Actions – Modifier le code

Trouvez le dossier Assets et ouvrir le fichier scss.css. Selon les thèmes ça sera:

  • theme.scss.liquid,
  • style.scss.liquid,
  • timber.scss.liquid,
  • Bref un xxx.scss.liquid !

Oui fois dans ce fichier mettez vous tout en bas et collez le code ci-dessous:

.shopify-payment-button__more-options { display:none !important; }

Cliquez sur Enregistrer et allez vérifier sur une fiche produit que ce lien a bien disparu !

Bon tuto à tous !

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

🤗 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 4 commentaires

  1. Merci pour ces tutos toujours ludiques 😉 Note : 5

    1. Hello, Merci bcp 😉

  2. Au top ! Merci Dgeo

    1. Salut, merci c’est sympa 😉

Laisser un commentaire

Fermer le menu
×
×

Panier

Envie de Protéger le contenu de ton site ?

Speedecom te propose l'Application Shopify Speed Defender !
Elle va te permettre de protéger ton site des copieurs et protéger tes contenus, tes médias et même empêcher les raccourcis claviers et l'affichage du code source ;) !

N'hésite pas à la tester elle est Gratuite pendant 3 jours

Tester Speed Defender

Envie de Booster ton taux de conversion ?

Speedecom a 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

Tester Speed Bundle

Besoin d'un developpeur ?

Si tu as un besoin particulier sur ta boutique,
n'hésite pas à me contacter et à regarder mes prestations !

Consulter mes prestations