Saya mencoba membuat modal popup yang tidak bisa ditutup. Ini memiliki tombol yang akan membawa Anda ke halaman berikutnya dengan mengkliknya, tetapi saya tidak ingin pengguna dapat menutupnya.
Modal popup dapat ditutup dengan 3 cara:
- Mengklik tombol silang /
[X]
di sudut kanan atas - Menekan pelarian
- Klik pada overlay
Sejauh ini ini adalah modal JS saya dan saya pikir dengan clickableOverlay: false
saya sudah menangani yang ke-3:
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 = '/';
}
}]
});
}
);
MEMPERBARUI:
Saya juga mencoba mengatur modal dengan cara yang berbeda ketika mencoba solusi yang disediakan:
require(
[ 'jquery', 'Magento_Ui/js/modal/modal' ],
function($, modal) {
modal({
//options
}, $("#popup"));
}
);