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
magento tab(easy tables)标签应用相关推荐
- [转]Form中控制Tab画布不同标签间切换的方法
转自:http://yedward.net/?id=68 Form中一般常用的画布类型包括content.stacked.tab这三种,其实content类型的画布是每一个form都必须有的,而且只能 ...
- Office Tab免费版:标签化浏览和编辑Office文档
Office Tab是一个为Microsoft Office添加多标签化功能的插件,即文档级别的标签管理,这样在一个Office窗口中,就能打开.管理多个文档,极大方便操作,提高工作效率,实在是一个超 ...
- Bootstrap 导航元素( tab导航)标签页
1.基本的导航元素:标签导航.基于ul.li而来,给ul添加 class="nav nav-tabs" 即可.选中的li添加 class="active"即可. ...
- 用tab快速生成标签
生成 HTML 文档初始结构 HTML 文档的初始结构,就是包括 doctype.html.head.body 以及 meta 等内容.你只需要输入一个 "!" 就可以生成一个 H ...
- 原生js实现一个tab栏的标签操作
我是歌谣 闲来无事做 就不如写写代码 本次不过多对原生的操作进行说法 我们直接上代码 效果图 有一个index.html的文件 <!DOCTYPE html> <html lang= ...
- 前端开发小技巧---用tab快速生成标签
下面是小凰凰的简介,看下吧!
- dojo的TabContainer竖排摆放tab标签
因项目样式需要,要使用TabContainer并需要将Tab标签在左侧竖排显示,并添加关闭按钮. 创建TabContainer var tabContainer = new TabContainer( ...
- Vant Tab标签页
引入 import Vue from 'vue'; import { Tab, Tabs } from 'vant';Vue.use(Tab); Vue.use(Tabs); 代码演示 基础用法 通过 ...
- layui tab标签 设置只读,不可手动切换 外部按钮切换tab
设置只读最核心的代码只有一个 style="pointer-events: none;" 外部按钮切换tab的核心代码: 要使用layui 的element这个组件对象 最外面的一 ...
最新文章
- flask html下拉列表,如何使用Flask和HTML从python列表创建下拉菜单
- JAVA 捕获异常所遇BUG
- linux套接字连接外网,在Linux中的使用ss命令检查套接字 网络连接
- 廖雪峰git教程总结
- 郑州市暂住证办理过程
- 培训班出身的程序员,未来何去何从?
- matlab人机交互界面设计
- polkitd进程解释
- mentohust for linux,GitHub - xdlinux/mentohust_xidian: A ruijie client for xidian university
- 计算机选择固态硬盘,好马配好鞍,电脑是选固态硬盘还是机械硬盘?
- quantization 顶会文章简介 2017
- 每日一题---摔手机
- 如何快速批量修改图片名称?
- 微头条快速赚钱变现方法,一天可赚100元
- win10共享服务器有的文件夹打不开,手把手教你解决win10系统共享文件夹无法访问的设置方案....
- Python int基本用法
- B/S中的三层架构和MVC设计模型
- PHPExcel从Excel读取导入数据
- 第一篇第一章燃烧的基础知识
- 【超级播放器】播放器整体架构(一)
热门文章
- testng.xml文件配置
- Hadoop1.x版本升级Hadoop2.x
- 研究人员发现Office Word 0Day攻击 这个漏洞绕过了word宏安全设置 绿盟科技、McAfee及FireEye发出警告...
- 消息中间件Client模块划分
- Supermap 组合单值专题图与标签专题图演示样例
- redis学习笔记-安装与入门
- 实体与属性间的划分原则
- 实体以及实体型和实体集
- python中列表如何比较大小_如何比较python中的列表/列表?
- python序列是几维_从一个1维的位数组获得一个特定的2维的1序列数组[Python] - python...