NWDthemes magento extensions FAQ

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
ultimo_options

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>

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 ?>

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 ?>

Thanks a lot,
NWDthemes team

Leave a Reply

Your email address will not be published. Required fields are marked *