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

2024-08-30 19:08:37

字體：大中小

供稿：網(wǎng)友

接提高教程(八)http://bbs.kesion.com/dispbbs.asp?boardID=2&ID=13963&page=2往下講商城其它頁的制作
九(三)商城頻道欄目頁的制作
1、拷貝“商城頻道首頁模板”內(nèi)容到“商城頻道欄目頁”模板中

2、把{LB_循環(huán)欄目商品列表}替換為{LB_終級分頁顯示商品}，修改這個(gè)標(biāo)簽：[每頁數(shù)量]15；[按鈕樣式]“顯示購買按鈕”；[每行數(shù)量]3

不同的參數(shù)值所得顯示效果不同，此參數(shù)值僅供參考，效果圖：

點(diǎn)此在新窗口瀏覽圖片此主題相關(guān)圖片如下：

九(四)商城頻道內(nèi)容頁的制作
1、拷貝“商城頻道首頁模板”內(nèi)容到“商城頻道內(nèi)容頁”模板中，標(biāo)題替換為{$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、相關(guān)商品 {LB_相關(guān)商品} [標(biāo)簽下拉列表] 需新建“相關(guān)商品列表標(biāo)簽”類型修改：[數(shù)量]8；[標(biāo)題字?jǐn)?shù)]28

3、把{LB_循環(huán)欄目商品列表}替換為下面的框架和商品內(nèi)容表格樣式和標(biāo)簽
<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">商品規(guī)格</td>
<td>{$GetProductSpecificat}</td>
</tr>
<tr>
<td align="center" bgcolor="#dddddd">生產(chǎn) 商</td>