Estoy tratando de crear una ventana emergente modal que no se puede cerrar. Tiene un botón que lo lleva a la página siguiente haciendo clic en él, pero no quiero que los usuarios puedan cerrarlo.
La ventana emergente modal se puede cerrar de 3 maneras:
- Al hacer clic en la cruz /
[X]
botón en la esquina superior derecha - Presionando escape
- Haga clic en la superposición
Hasta ahora, este es mi JS modal y creo clickableOverlay: false
que ya he abordado el tercero:
require(
[ 'jquery', 'Magento_Ui/js/modal/modal' ],
function($, modal) {
$("#popup").modal({
autoOpen: true,
responsive: true,
clickableOverlay: false,
modalClass: 'modal-custom',
title: 'Popup',
buttons: [{
text: $.mage.__('Take me back to the homepage'),
class: 'action close-popup wide',
click: function () {
window.location.href = '/';
}
}]
});
}
);
ACTUALIZAR:
También intenté configurar el modal de una manera diferente al probar las soluciones proporcionadas:
require(
[ 'jquery', 'Magento_Ui/js/modal/modal' ],
function($, modal) {
modal({
//options
}, $("#popup"));
}
);