Condição prévia
Eu tenho 2 widgets personalizados que estendem o mesmo widget pai.
- Widget pai:
Magento_ConfigurableProduct/js/configurable
- Primeiro widget personalizado:
Vendor_AModule/js/configurable
- Segundo widget personalizado:
Vendor_BModule/js/configurable
Primeiro widget personalizado require-config.js
:
var config = {
map: {
'*': {
configurable: 'Vendor_AModule/js/configurable'
}
}
};
Primeiro JS de widget personalizado:
define([
'jquery',
'mage/translate',
'Magento_ConfigurableProduct/js/configurable'
], function ($) {
$.widget('vendor.configurable_awidget', $.mage.configurable, {
/**
* {@inheritDoc}
*/
_configureElement: function (element) {
this._super(element);
alert('Custom widget A is triggered!');
}
});
return $.vendor.configurable_awidget;
});
Segundo widget personalizado require-config.js
:
var config = {
map: {
'*': {
configurable: 'Vendor_BModule/js/configurable'
}
}
};
Segundo JS de widget personalizado:
define([
'jquery',
'mage/translate',
'Magento_ConfigurableProduct/js/configurable'
], function ($) {
$.widget('vendor.configurable_bwidget', $.mage.configurable, {
/**
* {@inheritDoc}
*/
_configureElement: function (element) {
this._super(element);
alert('Custom widget B is triggered!');
}
});
return $.vendor.configurable_bwidget;
});
Passos para reproduzir
Abro uma página de front-end de produto configurável.
resultado esperado
Eu vejo os dois Custom widget B is triggered!
e Custom widget A is triggered!
alerta.
Resultado atual
Eu só vejo Custom widget B is triggered!
alerta.
Questão
Como deve ser o código para que a página de front-end do produto configurável exiba alertas dos dois widgets?
mixin