1) Go to Design / Library / Layouts / TabbedDescription; right-click TabbedProductDescription and select Copy.
2) Rename that copy to be TabbedProductDescription Customised.
3) Edit TabbedProductDescription Customised and look for the line
Code: Select all
echo "</ul></div><br><div class=\"tab-container\" id=\"cont_$anc\">$tabhtml</div></div>"; // output all the tab text
Code: Select all
echo "<li id=\"\"><a href=\"#\" onclick=\"return swaptabs('$anc',$panecount)\">CHOICES</a></li>";
$tabhtml .= "<div class=\"tab-pane\" id=\"pane_$anc" . "_$panecount\">";
$tabhtml .= <<<END_OF_CODE
<actinic:variable name="AttributeList" />
<actinic:variable name="ComponentList" />
</div>
END_OF_CODE;
$panecount++;
6) Go to Design / Library / Layouts / Products; right-click Standard Layout Using CSS - Tabbed Descriptions and select Copy.
7) Rename that copy to be Standard Layout Using CSS - Tabbed Descriptions Customised.
8) Edit Standard Layout Using CSS - Tabbed Descriptions Customised and look for the line
Code: Select all
<actinic:variable name="TabbedDescription" value="TabbedProductDescription" />
Code: Select all
<actinic:variable name="TabbedDescription" value="TabbedProductDescription Customised" />
Code: Select all
<actinic:variable name="AttributeList" />
<actinic:variable name="ComponentList" />
Now if you use layout Standard Layout Using CSS - Tabbed Descriptions Customised for a product and use some Tabber tabs you'll find an extra tab CHOICES containing the Actinic Components and Attributes.
It is easy to add additional tabs for other elements. Just repeat steps 3 and 4 (amending the word CHOICES and replacing the two Actinic Variables. Don't change anything else.
Also do step 10 to remove these Variables from their usual place in the product layout.
UPDATED 02-09-2010 to allow better compatibility with embedded HTML. Needs Tabber 2.14 or later.