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.