El módulo PrestaShop Checkout utiliza el hook "displayPaymentByBinaries" para reemplazar el botón nativo « Realizar el pedido » (para saber más sobre los hooks consulte el artículo el sistema de hooks).
| 📝 PrestaShop 1.6 no se ve afectado por este problema, ya que el hook displayPaymentByBinaries no existe en esta versión. |
Muchos temas personalizados no implementan las reglas CSS para este hook. Puede corregir esto añadiendo las reglas CSS nativas que faltan a su tema personalizado:
- Abra el archivo /themes/THEME_NAME/assets/css/custom.css.
- Luego copie y pegue esto al final.
.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;
}
Guarde los cambios y vacíe la caché.
Para saber más sobre la personalización de temas en relación con el módulo Checkout, puede consultar esta página (en inglés): https://github.com/PrestaShopCorp/ps_checkout/wiki/PrestaShop-Checkout---theme-customization.