Magento2 - Comment étendre le widget jQuery (configurable.js)

Je crée une extension qui remplace le libellé des options configurables par défaut «Choisir une option ...» par le nom de l'attribut, par exemple «Choisir une couleur ...».

Comment puis-je étendre (pas remplacer!) Le widget jQuery configurable.js et modifier uniquement cette ligne?

Je sais d'après la documentation que je peux remplacer un widget jQuery, alors j'ai fait:

define([
    'jquery',
    'jquery/ui',
    'configurable' // usually widget can be found in /lib/web/mage dir
], function($){

    $.widget('silvan.configurable', $.mage.configurable, {

    });

    return $.silvan.configurable;
});

Comment puis-je initialiser ce fichier? Dois-je le charger via requirejs-config? La fonction de carte sert uniquement à remplacer le droit?

Est-il possible de modifier uniquement cette ligne? Cela s'appelle de cette fonction:

_fillSelect: function (element) {}

Tout d'abord, vous devez vous assurer que votre module a Magento_ConfigurableProducten séquence dans module.xml:

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
    <module name="Vendor_ModuleName" setup_version="1.0.0">
        <sequence>
            <module name="Magento_ConfigurableProduct"/>
        </sequence>
    </module>
</config>

Assurez-vous de régénérer la liste des composants dans config.php, sinon la séquence sera ignorée ( http://devdocs.magento.com/guides/v2.2/extension-dev-guide/build/module-load-order.html )

Ajoutez ensuite le requirejs-config.jsfichier dans le view/frontendrépertoire avec le code:

var config = {
    map: {
        '*': {
            configurable: 'Vendor_ModuleName/js/configurable'
        }
    }
};

Enfin, ajoutez le configurable.jsfichier dans le view/frontend/web/jsrépertoire avec:

define([
    'jquery',
    'jquery/ui',
    'Magento_ConfigurableProduct/js/configurable'
], function($){

    $.widget('silvan.configurable', $.mage.configurable, {
        //code you want to override
    });

    return $.silvan.configurable;
});

Vous ne pouvez pas modifier une seule ligne, mais vous pouvez modifier une seule fonction à l'intérieur.