magento tab(easy tables)标签应用
我介紹的主要是magento? 1.7.0.2版本。
因?yàn)楸巳藙偨佑|magento一星期,了解有限,理解有誤的地方 還請(qǐng)多多包含。
easy tables 在1.7.0.2版本中,默認(rèn)是在app/design/frontend/default/modern/layout/template/catalog.xml;
讓我們先找到這個(gè)文件在app/design/frontend/default/modern/layout/template/catalog.xml;
打開文件,搜索catelog_product_view標(biāo)簽,找到 <block type="cataloe/product_view_tabs" ...>標(biāo)簽,這一塊,就是我們要修改調(diào)整的地方啦。
因?yàn)槌绦蚰J(rèn)用的是base模板,所以,建義你把?<block type="cataloe/product_view_tabs" ...>標(biāo)簽考入\app\design\frontend\base\default\layout\catalog.xml中的相對(duì)應(yīng)的位置。
?
我不對(duì)標(biāo)簽屬性作詳細(xì)分析,因?yàn)槲乙膊皇呛苁煜ぁ?/p>
首先,我們來看下 模板頁(yè)即template="catalog/product/view/tabs.phtml"這一段。這個(gè)頁(yè)面,就是要顯示在視圖頁(yè)面的 tab標(biāo)簽 程序,如果你要修改樣式可以在這里面修改。懂html和css 的人 可以式個(gè)改,如果你不懂,最好不要?jiǎng)印?/p>
接下來, 我們來看一下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>標(biāo)題,
<block>catalog/product_view_description</block>程序類名,
<template>catalog/product/view/description.phtml</template>這個(gè)tab標(biāo)簽對(duì)應(yīng)模板頁(yè)。
???? 這里主要介紹是后兩個(gè)(程序類名和tab標(biāo)簽對(duì)應(yīng)模板頁(yè))。 如果要新加tab標(biāo)簽,這兩是我們要新建的程序頁(yè)和模板頁(yè)。
比如,我們要在tabs上新加一個(gè)Size Chart標(biāo)簽
先打開。app/code/core/Mage/Catalog/Block/Product/view文件夾。
找到Description.php,我們以這個(gè)文件為原型,來實(shí)現(xiàn)我們?cè)黾覵ize Chart標(biāo)簽。復(fù)制一個(gè)改名為SizeChart.php
打開SizeChart.php? 把 Mage_Catalog_Block_Product_View_Description 這個(gè)改為 Mage_Catalog_Block_Product_View_SizeChart,其它不變,
Ok,我們的程序類就建好了。
下面我們來建我們的模板頁(yè)。
先打開app/design/frontend/base/default/templace/catalog/product/view/
找到description.phtml一樣的,復(fù)制一個(gè)改名為sizechart.phtml;
打開sizechart.phtml內(nèi)容為
把
<?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是你在后臺(tái)加的屬性的字段名,一定不要弄錯(cuò)哦,稍后我們?cè)敿?xì)介紹如何增加產(chǎn)品屬性。
好了,我們的模板頁(yè)也加好了。
下面我們?cè)赾atalog.xml中引入我們的模板頁(yè),
在<block type="cataloe/product_view_tabs" ...>這個(gè)標(biāo)簽內(nèi)加入如下內(nèi)容
<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在頁(yè)面上顯示,這個(gè),你還要自已在要顯示tabs的頁(yè)面中引入easy tabs哦。
方法很簡(jiǎn)單,就是在最要引入頁(yè)的最下邊加一段
比如你要在view.phtml中引入,你在而面最下邊加入 <?php echo $this->getChildHtml('tabs');?> 就Ok啦。
轉(zhuǎn)載于:https://www.cnblogs.com/webdvp/archive/2012/08/03/2622288.html
總結(jié)
以上是生活随笔為你收集整理的magento tab(easy tables)标签应用的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 股票交易费用精确计算器
- 下一篇: org.apache.commons.i