Tabbed Product Details Example

PROD.xml

<div id="js-product-tabs">
	<ul>
		<li><a href="#product-descrip">Description</a></li>
		<mvt:if expr="
			NOT ISNULL l.settings:product:customfield_values:customfields:customfield_1 OR
			NOT ISNULL l.settings:product:customfield_values:customfields:customfield_2 OR
			NOT ISNULL l.settings:product:customfield_values:customfields:customfield_3 OR
			NOT ISNULL l.settings:product:customfield_values:customfields:customfield_4
		">
			<mvt:assign name="l.show_tab_2" value="1" />
			<li><a href="#product-tab2">Some Other Tab</a></li>
		</mvt:if>
		<li><a href="#product-reviews">Reviews</a></li>
	</ul>

	<div id="product-descrip">&mvt:product:descrip;</div>

	<mvt:if expr="l.show_tab_2 EQ 1">
		<div id="product-tab2">
			<mvt:if expr="NOT ISNULL l.settings:product:customfield_values:customfields:customfield_1"><div>Customfield 1: &mvte:product:customfield_values:customfields:customfield_1;</div></mvt:if>
			<mvt:if expr="NOT ISNULL l.settings:product:customfield_values:customfields:customfield_2"><div>Customfield 2: &mvte:product:customfield_values:customfields:customfield_2;</div></mvt:if>
			<mvt:if expr="NOT ISNULL l.settings:product:customfield_values:customfields:customfield_3"><div>Customfield 3: &mvte:product:customfield_values:customfields:customfield_3;</div></mvt:if>
			<mvt:if expr="NOT ISNULL l.settings:product:customfield_values:customfields:customfield_4"><div>Customfield 4: &mvte:product:customfield_values:customfields:customfield_4;</div></mvt:if>
		</div>
	</mvt:if>

	<div id="product-reviews">
		Reviews Here
	</div>

</div>