For example I need to override a bit this functionality, which relies on vendor/spryker/category-image-gui/assets/Zed/js/modules/category-image.js:21 . Similar on click jQuery listeners are in public/Backoffice/assets as well (most probably build ones). How can someone override/change this functionality ? I need to know the general procedure for something like that

/**
 * Register global event listeners
 */
$('body')
    .on('click', '.add-another-image-set', addAnotherImageSet)
    .on('click', '.add-another-image-collection', addAnotherImageCollection)
    .on('click', '.remove-image-set', deleteImageSet)
    .on('click', '.remove-image-collection', deleteImageCollection);

/**
 * @param event
 */
function addAnotherImageCollection(event) {
    event.preventDefault();

    var prototypeTemplate = $(event.target).closest('[data-image-collection-prototype]');

    var imageSet = $(event.target).closest('.image-set');
    var imageSetIndex = imageSet.data('imageSetIndex');
    var imageCollectionIndex = imageSet.find('.image-collection').length;

    var newOptionFormHTML = prototypeTemplate
        .data('imageCollectionPrototype')
        .replace(/__image_set_name__/g, imageSetIndex)
        .replace(/__name__/g, imageCollectionIndex);

    newOptionFormHTML = setSortOrderFieldValue(newOptionFormHTML);

    imageSet.find('.image-collection-container').append($(newOptionFormHTML));
}

Take a look at https://docs.spryker.com/docs/scos/dev/front-end-development/202212.0/zed/overriding-webpack-js-scss-for-zed-on-project-level.html#webpack You have to create that build.js file. After that, override the core file module at project level by keeping the same structure as in spryker’s core module src/Pyz/Zed/CategoryImageGui/assets/Zed/js/spryker-zed-category-image-main.entry.js Make your modifications and run console frontendzedbuild

Thx, I have already find out that and managed things to work.