接提高教程(八)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>
新聞熱點
疑難解答