Plusieurs boutons de paiement s'affichent pour Checkout

HelpCenter

PrestaShop Checkout

A propos de ce contenu

Nous sommes là pour vous aider

Vous avez des questions sur ce contenu ?

contact_support Posez-nous toutes vos questions

Le module PrestaShop Checkout utilise le hook "displayPaymentByBinaries" pour remplacer le bouton natif « Passer la commande » (pour en savoir plus sur les hooks consultez l'article le système de hooks).

 

📝 PrestaShop 1.6 n'est pas concerné par ce problème, car le hook displayPaymentByBinaries n'existe pas dans cette version.

 

De nombreux thèmes personnalisés n'implémentent pas les règles CSS pour ce hook. Vous pouvez corriger cela en ajoutant les règles CSS natives manquantes à votre thème personnalisé :

  • Ouvrez le fichier /themes/THEME_NAME/assets/css/custom.css.
  • Copiez-collez ensuite ceci à la fin.
.js-payment-binary {
    display: none;
}

.js-payment-binary .accept-cgv {
    display: none;
}

.js-payment-binary.disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.js-payment-binary.disabled::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: "";
}

.js-payment-binary.disabled .accept-cgv {
    display: block;
}

 

Sauvegardez les modifications et videz le cache.

 

Pour en savoir plus sur la personnalisation de thème en lien avec le module Checkout, vous pouvez consulter cette page (en anglais) : https://github.com/PrestaShopCorp/ps_checkout/wiki/PrestaShop-Checkout---theme-customization.