Several payment buttons are displayed for Checkout

HelpCenter

The PrestaShop Checkout module uses the "displayPaymentByBinaries" hook to replace the native "Place order" button (to learn more about hooks, see the article the hook system).

 

📝 PrestaShop 1.6 is not affected by this issue, as the displayPaymentByBinaries hook does not exist in this version.

 

Many custom themes do not implement the CSS rules for this hook. You can fix this by adding the missing native CSS rules to your custom theme:

  • Open the file /themes/THEME_NAME/assets/css/custom.css.
  • Then copy and paste this at the end.
.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;
}

 

Save the changes and clear the cache.

 

To learn more about theme customization related to the Checkout module, you can consult this page (in English): https://github.com/PrestaShopCorp/ps_checkout/wiki/PrestaShop-Checkout---theme-customization.


 

⚠️ This article has been translated by a machine translation program.