The BigMachines configurator limits you from renaming the ‘Recommended Items’ template. In most of the customer scenarios, it is mandated to have a custom name like ‘Selected Products’, ‘Configured Items’ etc. The systems’ page templates won’t let the administrator to change the label. Based on the recommended items rule type, this section gets either of the names – ‘Recommended Items’ or ‘Mandatory Items’.
The simplest and best way to answer this requirement is to over-ride the label using simple JavaScript. Here’s how we do it:
• Using firebug, find the HTML of the recommended items section header and the inner-table header ‘recommended parts’.
“<td colspan="38">Recommended Items</td>”
“<td width="70%" colspan="36">Recommended Parts</td>”
• Copy the above mentioned HTML tags
• Go to Admin -> Header & Footer and navigate to the ‘Footer’ section. Now, without meddling with the script in the footer content, add a new at the bottom of the script
• Inside the new script, write the JS Desired. The new JS should have a condition. The condition is that it should only be rendered for a specific product line or only during an attribute’s presence. This is just to make sure that this JS is not triggered always.
• Sample JS:
if(document.getElementsByName('conditionAttribute')[0].selectedIndex!=0) { if(document.getElementsByClassName('view-header')[6].innerHTML=='<td colspan="38">Recommended Items</td>') { document.getElementsByClassName('view-header')[6].innerHTML="<td class='top-bar' colspan='38'>Configured Items</td>"; } if(document.getElementsByClassName('view-header')[7].innerHTML=='<td colspan="36" width="70%">Recommended Parts</td><td><table><tbody><tr><td colspan="2" width="50%"> </td></tr></tbody></table></td>') { document.getElementsByClassName('view-header')[7].innerHTML='<td colspan="36" width="70%">Configured Parts</td><td><table><tbody><tr><td colspan="2" width="50%"> </td></tr></tbody></table></td>'; } }
