text 弹出magento 2 javascript

Posted 2021-05-01

define(
    [
        'jquery',
        'Magento_Ui/js/modal/modal'
    ],
    function ($,urlBuilder,_,modal){
        'use strict';

        var AppAffordAddToCart = function () {

        };
        AppAffordAddToCart.prototype = {
            selectors : {
                btnAddToCart : 'body .action.primary.tocart',
                contentModal : '#modal-customer-not-logged-to-add-to-cart'
            },
            init: function () {
                var self = this;
                self.createModal();
                self.clickButtonAddToCart();
            },
            createModal:function(){
                var self = this;
                var options = {
                    type: 'popup',
                    responsive: true,
                    innerScroll: false,
                    title: false,
                    buttons: false,
                    modalClass : 'popup-customer-not-logged'
                };
                var modal_overlay_element = $(self.selectors.contentModal);
                modal(options, modal_overlay_element);
            },
            clickButtonAddToCart: function () {
                var self = this;
                $(self.selectors.btnAddToCart).on('click',function( event ){
                    event.preventDefault();

                    var modalContainer = $(self.selectors.contentModal);
                    modalContainer.modal('openModal');

                });
            }

        };

        $(document).ready(function(){
            var app = new AppAffordAddToCart();
            app.init();
        });

    }
);