When using the Frequently Bought Together module in WoodMart together with TranslatePress, the product titles inside the FBT summary box (right column) become corrupted.
Instead of displaying a clean title like:
Clear Bobo Standard by BOBO – x12
WoodMart outputs:
Clear Bobo Standard by BOBO <span> – </span>x12
and in the FBT summary list it becomes even worse:
Clear Bobo Standard by BOBO <span> – </span>x12
The <span> – </span> separator added by WoodMart in the product title is HTML-escaped (<span>) when reused in the FBT bundle list, so the browser displays it as text instead of HTML.
TranslatePress is not the cause — the issue occurs because the theme/module takes the product title (which contains HTML), escapes it, and reuses it in a context where it should not be escaped.
Result:
– Broken product titles
– HTML tags shown on screen
– FBT summary becomes unreadable
Technical Cause
Inside FBT markup, WoodMart uses:
<span class=”wd-entities-title title”>
Clear Gloss… <span> – </span> x12
</span>
The <span> comes from escaping the original <span> – </span> separator.
Any time the product title contains HTML, FBT outputs an escaped version of that HTML, which is rendered as visible code.
Fix needed in WoodMart / FBT module:
WoodMart should not escape HTML inside product titles when rendering the FBT product list.
Or:
Remove the separator <span> – </span> from the product title generation, and replace it with a plain text separator:
–
Alternatively, WoodMart should decode the escaped HTML before output.
Temporary Workaround (JS Patch)
Until WoodMart provides a fix, this JavaScript code restores correct titles by replacing the escaped tags:
document.addEventListener(‘DOMContentLoaded’, function () {
document.querySelectorAll(‘.wd-fbt-products .wd-entities-title’).forEach(function (el) {
el.innerHTML = el.innerHTML.replace(/<span>\s*[-–]\s*<\/span>/g, ‘ – ‘);
});
document.querySelectorAll(‘.wd-fbt .product-image-link[aria-label]’).forEach(function (link) {
var val = link.getAttribute(‘aria-label’);
if (!val) return;
val = val.replace(/<span>\s*[-–]\s*<\/span>/g, ‘ – ‘);
link.setAttribute(‘aria-label’, val);
});
});
This script fixes the visual issue but the real fix must come from WoodMart, since the escaping happens in their FBT rendering logic.
Expected Outcome
After WoodMart adjusts the FBT output:
✔ Titles will render correctly
✔ No escaped HTML will appear
✔ TranslatePress compatibility improves
✔ No JS workaround will be needed
.
