magento tab(easy tables)标签应用

　　我介绍的主要是magento  1.7.0.2版本。

　　因为彼人刚接触magento一星期，了解有限，理解有误的地方 还请多多包含。

　　easy tables 在1.7.0.2版本中，默认是在app/design/frontend/default/modern/layout/template/catalog.xml;

　　让我们先找到这个文件在app/design/frontend/default/modern/layout/template/catalog.xml;

　　打开文件，搜索catelog_product_view标签,找到 <block type="cataloe/product_view_tabs" ...>标签，这一块，就是我们要修改调整的地方啦。

　　

　　因为程序默认用的是base模板，所以，建义你把 <block type="cataloe/product_view_tabs" ...>标签考入\app\design\frontend\base\default\layout\catalog.xml中的相对应的位置。

 

　　我不对标签属性作详细分析，因为我也不是很熟悉。

　　首先，我们来看下 模板页即template="catalog/product/view/tabs.phtml"这一段。这个页面，就是要显示在视图页面的 tab标签 程序，如果你要修改样式可以在这里面修改。懂html和css 的人 可以式个改，如果你不懂，最好不要动。

　　接下来， 我们来看一下action:

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

　　<alias>description</alias>别名,

　　<title>Product Description</title>标题，

　　<block>catalog/product_view_description</block>程序类名,

　　<template>catalog/product/view/description.phtml</template>这个tab标签对应模板页。

     这里主要介绍是后两个（程序类名和tab标签对应模板页）。 如果要新加tab标签，这两是我们要新建的程序页和模板页。

　　

　　比如，我们要在tabs上新加一个Size Chart标签

　　先打开。app/code/core/Mage/Catalog/Block/Product/view文件夹。

　　找到Description.php,我们以这个文件为原型，来实现我们增加Size Chart标签。复制一个改名为SizeChart.php

　　打开SizeChart.php  把 Mage_Catalog_Block_Product_View_Description 这个改为　　Mage_Catalog_Block_Product_View_SizeChart，其它不变，

　　Ok,我们的程序类就建好了。

　　下面我们来建我们的模板页。

　　先打开app/design/frontend/base/default/templace/catalog/product/view/

　　找到description.phtml一样的，复制一个改名为sizechart.phtml;　　

　　打开sizechart.phtml内容为

　　把

　　<?php $_description = $this->getProduct()->getDescription(); ?>

      <?php if ($_description): ?>
    <h2><?php echo $this->__('Details') ?></h2>
    <div class="std">
        <?php echo $this->helper('catalog/output')->productAttribute($this->getProduct(), $_description, 'description') ?>
    </div>
     <?php endif; ?>

　　改为

　　<?php $_sizechart= $this->getProduct() ?>

　　<?php if ($_sizechart->sizechart): ?>
    <h2><?php echo $this->__('Size Chart') ?></h2>
    <div class="std">
        <?php echo $_sizechart->sizechart ?>
    </div>
     <?php endif; ?>

 

　　<?php if ($_sizechart->sizechart): ?> 这一句说明下。这里的sizechart是你在后台加的属性的字段名，一定不要弄错哦，稍后我们详细介绍如何增加产品属性。

　　好了，我们的模板页也加好了。

　　下面我们在catalog.xml中引入我们的模板页，

　　在<block type="cataloe/product_view_tabs" ...>这个标签内加入如下内容

　　<action method="addTab" translate="title" module="catalog"><alias>sizechart</alias><title>Size Chart</title><block>catalog/product_view_SizeChart</block><template>catalog/product/view/sizechart.phtml</template></action>

　　Ok大功告成。

　　随然是加好了，但是要让easy tabs在页面上显示，这个，你还要自已在要显示tabs的页面中引入easy tabs哦。

　　方法很简单，就是在最要引入页的最下边加一段

　　比如你要在view.phtml中引入，你在而面最下边加入 <?php echo $this->getChildHtml('tabs');?> 就Ok啦。