como utilizar el popup de magento 2
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();
});
}
);