我介绍的主要是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

magento tab(easy tables)标签应用相关推荐

  1. [转]Form中控制Tab画布不同标签间切换的方法

    转自:http://yedward.net/?id=68 Form中一般常用的画布类型包括content.stacked.tab这三种,其实content类型的画布是每一个form都必须有的,而且只能 ...

  2. Office Tab免费版:标签化浏览和编辑Office文档

    Office Tab是一个为Microsoft Office添加多标签化功能的插件,即文档级别的标签管理,这样在一个Office窗口中,就能打开.管理多个文档,极大方便操作,提高工作效率,实在是一个超 ...

  3. Bootstrap 导航元素( tab导航)标签页

    1.基本的导航元素:标签导航.基于ul.li而来,给ul添加 class="nav nav-tabs" 即可.选中的li添加 class="active"即可. ...

  4. 用tab快速生成标签

    生成 HTML 文档初始结构 HTML 文档的初始结构,就是包括 doctype.html.head.body 以及 meta 等内容.你只需要输入一个 "!" 就可以生成一个 H ...

  5. 原生js实现一个tab栏的标签操作

    我是歌谣 闲来无事做 就不如写写代码 本次不过多对原生的操作进行说法 我们直接上代码 效果图 有一个index.html的文件 <!DOCTYPE html> <html lang= ...

  6. 前端开发小技巧---用tab快速生成标签

    下面是小凰凰的简介,看下吧!

  7. dojo的TabContainer竖排摆放tab标签

    因项目样式需要,要使用TabContainer并需要将Tab标签在左侧竖排显示,并添加关闭按钮. 创建TabContainer var tabContainer = new TabContainer( ...

  8. Vant Tab标签页

    引入 import Vue from 'vue'; import { Tab, Tabs } from 'vant';Vue.use(Tab); Vue.use(Tabs); 代码演示 基础用法 通过 ...

  9. layui tab标签 设置只读,不可手动切换 外部按钮切换tab

    设置只读最核心的代码只有一个 style="pointer-events: none;" 外部按钮切换tab的核心代码: 要使用layui 的element这个组件对象 最外面的一 ...

最新文章

  1. flask html下拉列表,如何使用Flask和HTML从python列表创建下拉菜单
  2. JAVA 捕获异常所遇BUG
  3. linux套接字连接外网,在Linux中的使用ss命令检查套接字 网络连接
  4. 廖雪峰git教程总结
  5. 郑州市暂住证办理过程
  6. 培训班出身的程序员,未来何去何从?
  7. matlab人机交互界面设计
  8. polkitd进程解释
  9. mentohust for linux,GitHub - xdlinux/mentohust_xidian: A ruijie client for xidian university
  10. 计算机选择固态硬盘,好马配好鞍,电脑是选固态硬盘还是机械硬盘?
  11. quantization 顶会文章简介 2017
  12. 每日一题---摔手机
  13. 如何快速批量修改图片名称?
  14. 微头条快速赚钱变现方法,一天可赚100元
  15. win10共享服务器有的文件夹打不开,手把手教你解决win10系统共享文件夹无法访问的设置方案....
  16. Python int基本用法
  17. B/S中的三层架构和MVC设计模型
  18. PHPExcel从Excel读取导入数据
  19. 第一篇第一章燃烧的基础知识
  20. 【超级播放器】播放器整体架构(一)

热门文章

  1. testng.xml文件配置
  2. Hadoop1.x版本升级Hadoop2.x
  3. 研究人员发现Office Word 0Day攻击 这个漏洞绕过了word宏安全设置 绿盟科技、McAfee及FireEye发出警告...
  4. 消息中间件Client模块划分
  5. Supermap 组合单值专题图与标签专题图演示样例
  6. redis学习笔记-安装与入门
  7. 实体与属性间的划分原则
  8. 实体以及实体型和实体集
  9. python中列表如何比较大小_如何比较python中的列表/列表?
  10. python序列是几维_从一个1维的位数组获得一个特定的2维的1序列数组[Python] - python...