I have found the problem and solution too for the recommendation 4col vs 5 col JS snippet.
the problem was, the recommendation plugin in NON-ADMIN using ajax loading. So I have to rewrite the snippet code.
Here is the modified snippet for the community.
Its working only in single product page!
(function() {
// SegĂ©dfĂĽggvĂ©ny: osztály mĂłdosĂtása
function updateCols() {
var targets = document.querySelectorAll(
‘.wc-prl-recommendations.wc-prl-location-after_tabs.wc-prl-page-product_details #main_loop, ‘ +
‘.wc-prl-recommendations.wc-prl-location-before_tabs.wc-prl-page-product_details #main_loop’
);
if (!targets.length) return false;
targets.forEach(function(target) {
if (target.classList.contains(‘xts-row-lg-4’)) {
target.classList.remove(‘xts-row-lg-4’);
target.classList.add(‘xts-row-lg-5’);
}
});
return true;
}
// Csak akkor fusson, ha single product page-en vagyunk
if (!document.body.classList.contains(‘single-product’)) return;
// Első próbálkozás DOMContentLoaded-kor
document.addEventListener(‘DOMContentLoaded’, function() {
if (updateCols()) return; // ha már most sikerült, nem figyelünk tovább
// Ha nem volt ott a tartalom, figyeljĂĽk a DOM-ot, amĂg meg nem jelenik
var observer = new MutationObserver(function() {
if (updateCols()) {
observer.disconnect(); // ha sikerĂĽlt, leállĂtjuk a figyelĂ©st
}
});
observer.observe(document.body, { childList: true, subtree: true });
});
})();
.
