KesionShopV300新手提高教程(九)(高山流水提供)_科汛Cms教程
接提高教程(八)http://bbs.kesion.com/dispbbs.asp?boardID=2&ID=13963&page=2往下讲商城其它页的制作
九(三)商城频道栏目页的制作
1、拷贝“商城频道首页模板”内容到“商城频道栏目页”模板中
2、把{LB_循环栏目商品列表}替换为{LB_终级分页显示商品},修改这个标签:[每页数量]15;[按钮样式]“显示购买按钮”;[每行数量]3
不同的参数值所得显示效果不同,此参数值仅供参考,效果图:
此主题相关图片如下:
九(四)商城频道内容页的制作
1、拷贝“商城频道首页模板”内容到“商城频道内容页”模板中,标题替换为{$GetSiteTitle}-{$GetProductName},在<head>中拷贝一段JS代码:
<s cript language=Javas cript type=text/Javas cript>
//改变图片大小
function resizepic(o)
{
var maxwidth=550; //定义最大宽度
var maxheight=800; //定义最大高度
var a=new Image();
a.src=o.src
if(a.width > maxwidth)
{
o.style.width=maxwidth;
}
if (a.height> maxheight)
{
o.style.height=maxheight;
}
}
//无级缩放图片大小
function bbimg(o)
{
var zoom=parseInt(o.style.zoom, 10)||100;
zoom =event.wheelDelta/12;
if (zoom>0) o.style.zoom=zoom '%';
return false;
}
</s cript>
2、相关商品 {LB_相关商品} [标签下拉列表] 需新建“相关商品列表标签”类型 修改:[数量]8;[标题字数]28
3、把{LB_循环栏目商品列表}替换为下面的框架和商品内容表格样式和标签
<table cellSpacing=0 cellPadding=0 width="100%" border=0>
<tr>
<td valign="top">
<table width="100%" border="1" cellSpacing=0 cellPadding=0>
<tr>
<td width="150" rowspan="7" align="center" valign="middle">{=GetProductPhoto(150,130)}</td>
<td width="80" align="center" bgcolor="#dddddd"><strong>名 称</strong></td>
<td>{$GetProductName}({$GetProductHits})</td>
<td width="80" align="center" bgcolor="#dddddd"><strong>编 号</strong></td>
<td>{$GetProductID}</td>
</tr>
<tr>
<td align="center" bgcolor="#dddddd"><strong>商品型号</strong></td>
<td>{$GetProductModel}</td>
<td align="center" bgcolor="#dddddd"><strong>商品规格</strong></td>
<td>{$GetProductSpecificat}</td>
</tr>
<tr>
<td align="center" bgcolor="#dddddd"><strong>生 产 商</strong></td>
- 相关链接:
- 教程说明:
科汛Cms教程-KesionShopV300新手提高教程(九)(高山流水提供)。