Question

我已经在M2结账的发货页面上实现了一个弹出模式，当点击一个复选框时会触发该模式。这是html模板文件view/frontend/web/template/checkout/shipping/gift-wrapper.html

的代码

<td class="col col-method">
     <input type="checkbox" class="action action-update" data-bind="click: showFormPopUp" />
</td>

这是我的js代码。

return Component.extend({
    defaults: {
        template: 'Magenest_Wrapper/checkout/shipping/gift-wrapper'
    },


    initialize: function () {

        var self = this;
        this._super();

    },

    showFormPopUp : function() {
        options.buttons =  [
            {
                text: $t('Cancel'),
                class: 'action secondary action-hide-popup',
                click: function () {
                    this.closeModal();
                }
            }
        ];

        var popup = modal(options, $('#popup-modal'));

        $('#popup-modal').modal('openModal');
    }

});

现在模态窗口显然是空的。

我有一系列产品。向他们展示的解决方案是什么？模态窗口？

如何在前端结帐页面上的Magento 2模式弹出窗口中呈现内容

0 个答案: