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 Ressources (Assets) et ouvrir le fichier .css. Selon les thèmes ça sera base.css, theme.css, style.css ou autre fichier .css que votre thème utilise
Oui fois dans ce fichier mettez vous tout en bas et collez le code ci-dessous:
Cliquez sur Enregistrer et allez vérifier sur une fiche produit que ce lien a bien disparu !
Ce tutoriel existe aussi en vidéo
Bon tuto à tous !
FREDERIC Delannoy
13 Nov 2019Merci pour ces tutos toujours ludiques 😉 Note : 5
Dgeo Dev
13 Nov 2019Hello, Merci bcp 😉
Patrick
13 Nov 2019Au top ! Merci Dgeo
Dgeo Dev
13 Nov 2019Salut, merci c’est sympa 😉
Ornella
19 Déc 2019hello !
j’adore tes tutos, merci beaucoup !
par contre sur celui là ça n’a pas marché chez moi :/ J’ai le thème début, donc asset/theme.scss.liquid et j’ai bien collé ton code tout en bas (la ligne genre 7600 et quelques !) J’ai essayé de sauter une ligne au cas où mais ça ne marche pas non plus. Merci pour ton aide !
Dgeo Dev
24 Déc 2019Hello, étrange… me MP au besoin pour voir ce qu’il se passe 😉 bonnes fêtes.