Ultratabs: how to make it compatible with Ultimo theme

Ultratabs extension will provide you with power to display, hide and change order of core Magento tabs on product details page. Such as: Description, Additional Information, Upsell Products List, Related Products List, Products Tags and Products Reviews List with Add Review Form.

By default it is not compatible with Ultimo theme. You need to make small adjustments.

1. Update Ultimo settings to

2. Create /app/design/frontend/ultimo/default/layout/nwdthemes/ultratabs.xml

<?xml version="1.0" encoding="UTF-8"?>
<layout version="0.1.0">

	<ultratabs_scripts>
		<reference name="head">
			<action method="addItem"><type>skin_css</type><name>css/nwdthemes/ultratabs.css</name></action>
			<action method="addCss"><stylesheet helper="ultratabs/data/getTabsCss" /></action>
			<action method="addItem"><type>js</type><name>nwdthemes/matchMedia.js</name></action>
			<action method="addItem"><type>js</type><name>nwdthemes/matchMedia.addListener.js</name></action>
			<action method="addItem"><type>js</type><name>nwdthemes/enquire.js</name></action>
			<action method="addItem"><type>js</type><name>nwdthemes/jquery-1.11.0.min.js</name></action>
			<action method="addItem"><type>js</type><name>nwdthemes/jquery-migrate-1.2.1.min.js</name></action>
			<action method="addItem"><type>js</type><name>nwdthemes/jquery.noconflict.js</name></action>
			<action method="addItem"><type>skin_js</type><name>js/nwdthemes/ultratabs.js</name></action>
			<block type="core/template" name="ultratabs.headfont" as="ultratabs.headfont" template="nwdthemes/ultratabs/head_font.phtml" />
		</reference>
	</ultratabs_scripts>

	<ultratabs_catalog_product_view>

		<remove name="product.info.tabs" />
		
		<remove name="description" />
		<remove name="additional" />
		<remove name="upsell_products" />
		<remove name="reviews" />
		<remove name="related_products" />
		<remove name="product_tag_list" />
		<remove name="product_review_list.toolbar" />

		<reference name="right">
			<action method="unsetChild"><name>catalog.product.related</name></action>
		</reference>
		<reference name="product.info.additional">
			<action method="unsetChild"><name>product_tag_list</name></action>
		</reference>
		<reference name="product.info">
					
			<block type="ultratabs/ultratabs" name="product.info.ultratabs" as="ultratabs" after="-">
				<action method="setTemplate" ifconfig="ultratabs_options/general/enabled"><template>nwdthemes/ultratabs/tabs.phtml</template></action>
				<action method="addTab" translate="title" module="catalog" ifconfig="ultratabs_options/general/description_enabled">
					<alias>description</alias>
					<title>Description</title>
					<block>catalog/product_view_description</block>
					<template>catalog/product/view/description.phtml</template>
				</action>
				<action method="addTab" translate="title" module="catalog" ifconfig="ultratabs_options/general/additional_enabled">
					<alias>additional</alias>
					<title>Additional Information</title>
					<block>catalog/product_view_attributes</block>
					<template>catalog/product/view/attributes.phtml</template>
				</action>
				<action method="addTab" translate="title" module="catalog" ifconfig="ultratabs_options/general/upsell_enabled">
					<alias>upsell</alias>
					<title>We Also Recommend</title>
					<block>catalog/product_list_upsell</block>
					<template>catalog/product/list/upsell.phtml</template>
				</action>
				<action method="addTab" translate="title" module="catalog" ifconfig="ultratabs_options/general/related_enabled">
					<alias>related</alias>
					<title>Related Products</title>
					<block>catalog/product_list_related</block>
					<template>catalog/product/list/related_tabbed.phtml</template>
				</action>
				<action method="addTab" translate="title" module="tag" ifconfig="ultratabs_options/general/tags_enabled">
					<alias>tags</alias>
					<title>Tags</title>
					<block>tag/product_list</block>
					<template>tag/list.phtml</template>
				</action>
				<action method="addTab" translate="title" module="catalog" ifconfig="ultratabs_options/general/review_enabled">
					<alias>review</alias>
					<title>Reviews</title>
					<block>review/product_view_list</block>
					<template>nwdthemes/ultratabs/review_tab.phtml</template>
				</action>
				<block type="review/form" name="product.review.form" as="review_form" />				
			</block>
		</reference>
	</ultratabs_catalog_product_view>

</layout>

<?xml version="1.0" encoding="UTF-8"?>

<ultratabs_scripts>

<action method="addItem"><type>skin_css</type><name>css/nwdthemes/ultratabs.css</name></action>

<action method="addItem"><type>js</type><name>nwdthemes/matchMedia.js</name></action>

<action method="addItem"><type>js</type><name>nwdthemes/matchMedia.addListener.js</name></action>

<action method="addItem"><type>js</type><name>nwdthemes/enquire.js</name></action>

<action method="addItem"><type>js</type><name>nwdthemes/jquery-1.11.0.min.js</name></action>

<action method="addItem"><type>js</type><name>nwdthemes/jquery-migrate-1.2.1.min.js</name></action>

<action method="addItem"><type>js</type><name>nwdthemes/jquery.noconflict.js</name></action>

<action method="addItem"><type>skin_js</type><name>js/nwdthemes/ultratabs.js</name></action>

</reference>

</ultratabs_scripts>

<ultratabs_catalog_product_view>

<action method="unsetChild"><name>catalog.product.related</name></action>

</reference>

<action method="unsetChild"><name>product_tag_list</name></action>

</reference>

<action method="setTemplate" ifconfig="ultratabs_options/general/enabled"><template>nwdthemes/ultratabs/tabs.phtml</template></action>

<alias>description</alias>

<title>Description</title>

<block>catalog/product_view_description</block>

<template>catalog/product/view/description.phtml</template>

</action>

<alias>additional</alias>

<title>Additional Information</title>

<block>catalog/product_view_attributes</block>

<template>catalog/product/view/attributes.phtml</template>

</action>

<alias>upsell</alias>

<title>We Also Recommend</title>

<block>catalog/product_list_upsell</block>

<template>catalog/product/list/upsell.phtml</template>

</action>

<alias>related</alias>

<title>Related Products</title>

<block>catalog/product_list_related</block>

<template>catalog/product/list/related_tabbed.phtml</template>

</action>

<block>tag/product_list</block>

<template>tag/list.phtml</template>

</action>

<alias>review</alias>

<title>Reviews</title>

<block>review/product_view_list</block>

<template>nwdthemes/ultratabs/review_tab.phtml</template>

</action>

</block>

</reference>

</ultratabs_catalog_product_view>

</layout>

3. Update /app/design/frontend/ultimo/default/template/catalog/product/view.phtml
Find

<?php if (isset($p['lowerPrimCol_1'])) echo $p['lowerPrimCol_1']; ?>

<?php echo $this->getChildHtml('product_additional_data') ?>

<?php echo $this->getChildHtml('reviews'); //Reviews ?>

<?php if (isset($p['lowerPrimCol_1'])) echo $p['lowerPrimCol_1']; ?>

<?php echo $this->getChildHtml('product_additional_data') ?>

<?php echo $this->getChildHtml('reviews'); //Reviews ?>

and update it to

<?php //if (isset($p['lowerPrimCol_1'])) echo $p['lowerPrimCol_1']; ?>
		
<?php echo $this->getChildHtml('ultratabs'); ?>
<?php echo $this->getChildHtml('product_additional_data') ?>

<?php //echo $this->getChildHtml('reviews'); //Reviews ?>

<?php //if (isset($p['lowerPrimCol_1'])) echo $p['lowerPrimCol_1']; ?>

<?php echo $this->getChildHtml('ultratabs'); ?>

<?php echo $this->getChildHtml('product_additional_data') ?>

<?php //echo $this->getChildHtml('reviews'); //Reviews ?>

Thanks a lot,
NWDthemes team

Ultratabs: how to make it compatible with Ultimo theme

Leave a Reply Cancel reply

Contact Us