KesionShopV300新手提高教程(九)(高山流水提供)_科汛Cms教程

2024-08-30 19:08:37

字體：大中小

來源：轉載

供稿：網友

接提高教程(八)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">名　稱</td>
<td>{$GetProductName}({$GetProductHits})</td>
<td width="80" align="center" bgcolor="#dddddd">編　號</td>
<td>{$GetProductID}</td>
</tr>
<tr>
<td align="center" bgcolor="#dddddd">商品型號</td>
<td>{$GetProductModel}</td>
<td align="center" bgcolor="#dddddd">商品規格</td>
<td>{$GetProductSpecificat}</td>
</tr>
<tr>
<td align="center" bgcolor="#dddddd">生產商</td>