Designer Doesn't Load all Subcategories

var _oldClick = $.fn.click;

var isCategoryClickBlocked = false;

var fpdTopDesigns = (window.fpdDesignsJSON || []).map(function (x) {

return x.title;

});

// Overwrite the JQuery click event to inject custom logic

$.fn.click = function () {

var clickedThis = this;

// If arguments exist, this call defines the click event and shouldn't be blocked

// Don't block a click on the uppermost design category, so we already start within this category

if (

arguments.length == 0 &&

this.hasClass("fpd-category") &&

fpdTopDesigns.every(function (x) {

return x != clickedThis.text();

})

) {

// After clicking the first design category, block further calls (FancyProductDesigner.js:11882)

// Also avoid a click event triggered on all visible categories at once

if (isCategoryClickBlocked || this.length > 1) {

console.debug(

"Block automatic click on design category",

this,

this.length,

this.text()

);

return;

} else {

isCategoryClickBlocked = true;

setTimeout(() => {

isCategoryClickBlocked = false;

}, 200);

}

}

const returnValue = _oldClick.apply(this, arguments);

return returnValue;

};

// Add a label on each view button with the text from the tooltip

$(document.body).on("productCreate", medOnViewCreated);

function medOnViewCreated(event, fpdViewInstance) {

const $designer = $(event.target);

const $views = $designer.find(".fpd-views-selection .fpd-item");

$views.each(function (i, tooltip) {

if ($(tooltip).find(".fr-fpd-view-label").length) return;

$(tooltip).append(

'<span class="fr-fpd-view-label">' +

fpdViewInstance[i].title +

"</span>"

);

});

}

});