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

转载于:https://www.cnblogs.com/webdvp/archive/2012/08/03/2622288.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值