Magento给商品页面的tabs添加tab

magento商品页面添加tab
magento商品页面添加tab

Magento的modern模板的商品详情页面有个Tabs,既然是原生的,那拿到别的模板去用就很方便,那么如何向这个tab中添加新的tab项目呢,如上图。

我来演示下我的添加步骤的,大家照猫画虎即可,添加多少个也木有关系。

第一步:修改模板layout/catalog.xml文件,代码片段如下

<block type="catalog/product_view_tabs" name="product.info.tabs" as="info_tabs" template="catalog/product/view/tabs.phtml" >
	<action method="addTab" translate="title" module="catalog"><alias>description</alias><title>Product Description</title><block>catalog/product_view_description</block><template>catalog/product/view/description.phtml</template></action>
	<action method="addTab" translate="title" module="catalog"><alias>upsell_products</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"><alias>new</alias><title>New tab</title><block>catalog/product_view_new</block><template>catalog/product/view/new.phtml</template></action>
</block>

最后一行我添加了名字为 new 的新tab。

第二步:创建文件路径app\code\local\Mage\Catalog\Block\Product\View\,在此路径新建文件New.php ,文件内容为

<?php
class Mage_Catalog_Block_Product_View_new extends Mage_Core_Block_Template
{
    protected $_product = null;

    function getProduct()
    {
        if (!$this->_product) {
            $this->_product = Mage::registry('product');
        }
        return $this->_product;
    }
}

注意class的名称是Mage_Catalog_Block_Product_View_new,最后是new结尾。

第三步:在模板文件路径template\catalog\product\view\ 下新建 new.phtml文件,文件内容为tab的内容

<h1>这个是新加的内容</h1>

结果如本文开始处的图片,这样添加一个tab的过程就完成了。

小白们注意啦!你们首先要保证你在用modern模板或者其它的模板中有modern中的找个tabs才行,不然本文对你用处不大。至于如何将modern模板中的tabs引入你的自己的模板中google下吧,教程也很多的。

 

转载表明出处:www.hellokeykey.com

《Magento给商品页面的tabs添加tab》有2个想法

评论已关闭。