Как создать модальное всплывающее окно Magento 2, которое нельзя закрыть?

Я пытаюсь создать модальное всплывающее окно, которое не может быть закрыто. У него есть кнопка, по которой вы переходите на следующую страницу, но я не хочу, чтобы пользователи могли ее закрывать.

Модальное всплывающее окно можно закрыть тремя способами:

1. Нажав на крестик / [X]кнопку в правом верхнем углу
2. Нажатие побега
3. Нажмите на оверлей

Пока что это мой модальный JS, и я думаю, clickableOverlay: falseчто уже занялся третьим:

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 = '/';
                }
            }]
        });
    }
);

ОБНОВИТЬ:

Я также пытался настроить модал по-другому, когда пробовал предоставленные решения:

require(
    [ 'jquery', 'Magento_Ui/js/modal/modal' ],
    function($, modal) {
        modal({
            //options
        }, $("#popup"));
    }
);

Я не мог заставить переопределение modal.closeModal()функции работать через миксины, и я также думаю, что при использовании миксина она переопределяет весь веб-сайт на всех модальных моделях, что мне не нужно. Мне нужно только это на этом модале.

В итоге я просто удалил любой триггер, который будет вызывать modal.closeModal(). Есть несколько других модальных опций, которые вы можете использовать для достижения этой цели:

1. Я скрываю кнопку закрытия при открытии модала с openedпараметром / событием, которое будет запущено сразу после открытия модала
2. Я переопределяю keyEventHandlers.escapeKeyвариант

Итак, это мой последний код:

require(
    [ 'jquery', 'Magento_Ui/js/modal/modal' ],
    function($, modal) {
        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 = '/';
                }
            }],
            opened: function($Event) {
                $('.modal-header button.action-close', $Event.srcElement).hide();
            },
            keyEventHandlers: {
                escapeKey: function () { return; }
            }
        }, $("#popup"));
    }
);

Я считаю, что использование миксинов в этом случае будет уместным.

Вы можете попробовать следующее:

Сначала в вашем модуле создайте следующее view/base/requirejs-config.js:

var config = {
    'config':{
        'mixins': {
            'Magento_Ui/js/modal/modal': {
                'Vendor_Module/hook':true
            }
        }
    }
}; 

Затем создайте view/base/web/hook.js:

define([], function(){
    'use strict';    
    return function(targetModule){
        targetModule.closeModal = function(){
            return false;
        }
        return targetModule;
    };
});

С этим миксином вы заменяете реализацию closeModalметода своим собственным методом. В этом случае возвращение false позволит избежать закрытия модального режима.

Примечание: я ненавижу тебя за это. Не закрываемые всплывающие окна должны быть запрещены в Интернете.